개발 54

SQL 미니 과제와 함께하는 쿼리 공부하기 -1 테이블 정의 , Join

테이블이름 정보 내용 TB_INVC 인보이스 정보 인보이스 생성시 만들어지는 데이터 TB_INVC_DTL 인보이스의 상품 정보 포함 인보이스 생성시 만들어지는 데이터 TB_STOCK 상품 재고정보 (재고위치, 입고일, 재고수량 등 ) 상품입고시 등록되어 재고관리용으로 관리되는 데이터 SELECT invc_no, invc_qtot FROM TB_INVC as a (nolock) 1. TB_INVC 테이블 SELECT prod_cd,stock_no,iw_dt FROM TB_STOCK as c (nolock) ORDER BY prod_cd 2. 입고시 CREATE 된 재고 정보 TB_STOCK SELECT invc_no, prod_cd FROM TB_INVC_DTL as b (nolock) 3. 인보이스와 상..

개발/SQL 2022.10.06

JS/배열 메소드 array method 제대로 배우기(1) indexOf, findIndex,find,filter

1. 1차배열에서 값 찾기 : indexOf를 사용하자 var arr = [ "사과", "딸기", "복숭아" ]; var arr2 = [ 5, 3, 0.5, 7, 2, 9]; console.log(arr.indexOf("복숭아")); // 2 출력 console.log(arr2.indexOf(5)); // 0 출력 //따라서 const resultIndex= arr.indexOf("복숭아") console.log(arr[resultIndex]) // 복숭아 출력! 2.객체배열에서 값 찾기 : findIndex , find ✅find : 주어진 판별 함수를 만족하는 배열의 첫 번째 요소를 반환합니다. 만족하는 요소가 없으면 undefined를 소환 , ✅findIndex: 주어진 판별 함수를 만족하는 배열..

JQuery 제이쿼리 빠르게 기본 익히기

제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리입니다. 제이쿼리를 사용하면 아주 간편하게 HTML 요소를 선택하고, 그렇게 선택된 요소에 손쉽게 특정 동작을 설정할 수 있습니다. 제이쿼리 기본 문법 $(선택자).동작함수(); $() 함수의 인수로는 HTML 태그 이름뿐만 아니라, CSS 선택자를 전달하여 특정 HTML 요소를 선택할 수 있습니다. 이러한 $() 함수를 통해 생성된 요소를 제이쿼리 객체(jQuery object)라고 합니다. ※ $() 함수에 전달되는 인수는 반드시 따옴표("")를 사용한 문자열 형태로 전달되어야 합니다. 선택자 문법 클래스 선택자 - $('.item') 태그 선택자 - $(div) 아이디 선택자 - $("#tar..

자바스크립트 객체 (Object)

자바스크립트 객체 Object 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합입니다. 자바스크립트에서는 숫자, 문자열, 불리언, undefined 타입을 제외한 모든 것이 객체입니다. 프로퍼티 property -cat.name="나비" -cat.age=0.1 메소드 method : 프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고 합니다. - cat.mew() - cat.play() 객체는 모두 위와 같은 프로퍼티를 가지지만, 각 프로퍼티의 값은 인스턴스마다 전부 다를 것입니다. 객체참조 객체이름.프로퍼티이름 또는 객체이름["프로퍼티이름"] var person = { name: "홍길동", // 이름 프로퍼티를 정의함. bi..

MVC패턴

MVC (Model-View-Controller) 사용자가 Controller를 조작하면 Controller는 Model을 통해 데이터를 가져오고 그 데이터를 바탕으로 View를 통해 시각적 표현을 제어하여 사용자에게 전달하게 됩니다. 이러한 패턴을 성공적으로 사용하면, 사용자 인터페이스로 부터 비즈니스 로직을 분리하여 애플리케이션의 시작적 요소나 그 이면에서 실행되는 비즈니스 로직을 서로 영향 없이 고칠 수 있는 애플리케이션을 만들 수 있게 됩니다. 사용자가 웹사이트에 접속 (Users) Controller는 사용자가 요청한 웹페이지를 서비스하기 위해서 모델을 호출 (Manipulates) Model은 데이터베이스나 파일과 같은 데이터 소스를 제어한 후 그 결과를 Return Controller는 Mo..

개발 2022.09.05

HTML <INPUT> 총정리

1. input 속성 속성 type 입력태그의 유형 value 입력태그의 초기값을 말하며 사용자가 변경가능 name 서버로 전달되는 이름 id page에서 중복사용X , 자바스크립트에서 다루기위해 지정 더보기 id와 name의 차이 1. id 속성 (id="title") document.all.id.value id.value document.getElementById("폼 id").value id 속성은 page 안에서 중복으로 사용할 수 없으며, 주로 JavaScript에서 다루기 위해 지정한다. name 속성으로도 JavaScript를 통해 속성이나 값을 변경할 수 있는데, 중복 값을 가질 수 있어 id 속성의 값으로 주..

개발/HTML && CSS 2022.09.04