히바리 쿄야 와 함께 하는 Developer Cafe

NOTE ​ 패키지 설치 ​ npm init --y npm i -D typescript ts-node @types/node ​ npm i -S mkdirp rimraf npm i -D @types/mkdirp @types/rimraf ​ npm i -S chance npm i -D @types/chance ​ ​ 몽고 디비 설치 ​ scoop install mongodb mongod --install net start mongodb ​ npm i -S mongodb npm i -D @types/mongodb ​ mkdir -p src/mongodb ​ REST 방식 서버 ​ REST 는 웹 서버 소프트웨어 구조의 한 형식 이다. REST 서버는 HTTP의 프로토콜의 GET, POST, PUT, DELET..

1) bxSlider 옵션 구분 기본값 데이터타입 기능 mode horizontal horizontal vertical fade 슬라이드 이동 방향 설정 speed 500 숫자 슬라이드 전환 속도 pager true 논리 동그라미(불릿) 버튼 노출 여부 moveSlides 0 숫자 슬라이드 이동시 개수 sliderWidth 0 숫자 슬라이드 너비 slideMargin 0 숫자 슬라이드 사이 여백 maxSlides 1 숫자 슬라이드 최대 노출 개수 minSlides 1 숫자 슬라이드 최소 노출 개수 auto false 논리 자동 슬라이드 여부 autoHover false 논리 슬라이드에 마우스 호버시 애니메이션 정지 여부 controls false 논리 이전/다음 버튼 노출 여부 ​ 2) 슬라이드 제어 메..

​hide() : 요소 숨김 fadeOut() : 요소가 점점 투명해지면서 사라짐 slideUp() : 요소가 위로 접히며 숨겨짐 ​ show() : 숨겨진 요소 보여줌 fadeIn() : 숨겨진 요소 점점 선명해짐 slideDown() : 숨겨진 요소가 아래로 펼쳐짐 ​ toggle() : hide(), show() 효과 적용 fadeToggle() : fadeIn(), fadeOut() slideToggle() : slideUp(), slideDown() fadeTo() : 지정한 투명도 적용 ​ ​ $("요소 선택").효과 메서드(효과 소요시간, 가속도, 콜백함수); ​ ​ fadeTo() $("요소 선택").효과 메서드(효과 소요시간, 투명도, 콜백함수); ​ animate() 동작효과 적용할때 ..

JQUERY 선택자 ​ ---- DOM Selector ------------ ​ $("선택자1 선택자2") 선택자1의 자손이면서 선택자2와 일치하는 모든 엘리먼트에 적용 ​ $("선택자1 > 선택자2") 선택자1의 바로 아래 자손이면서 선택자2와 일치하는 엘리먼트에 적용 ​ $("선택자1 + 선택자2") 선택자1의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 선택자2와 일치하는 엘리먼트에 적용 ​ $("선택자1 ~ 선택자2") 선택자1의 형제 엘리먼트중에 선택자2와 일치하는 다음에 나오는 모든 엘리먼트에 적용 ​ $("선택자1:has("선택자2")") 선택자2인 자손을 1개이상 가진 선택자1인 모든 엘리먼트에 적용 ​ $("선택자:first") 선택자과 일치하는 것중 페이지에서 처음으로 일치하는 엘리먼..

자바스크립트 객체 ​ 자바스크립트의 기본 타입(data type)은 객체(object)입니다. 객체란 이름(name)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합입니다. 프로퍼티의 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고 합니다. ​ 객체의 프로퍼티 참조 ​ 객체이름.프로퍼티이름 또는 객체이름["프로퍼티이름"] ​ var person = { name: "하하", // 이름 프로퍼티를 정의함. birthday: "991231", // 생년월일 프로퍼티를 정의함. pw: "1234567", // 개인 id 프로퍼티를 정의함. fullId: function() { // 생년월일과 개인 id를 합쳐서 주민등록번호를 반환함. return this...

자바스크립트 Array 객체의 메소드 BOM(Browser Object Model) BOM(Browser Object Model)이란 웹브라우저의 창이나 프래임을 추상화해서 프로그래밍적으로 제어할 수 있도록 제공하는 수단이다. ​ 자바스크립트의 내장 객체 ​ window : 브라우저 창이 열릴 때마다 하나씩 만들어짐. 브라우저 창 안의 요소 중에서 최상위에 있다. document: 웹 문서마다 하나씩 있으며 태그를 함나면 만들어짐. HTML 문서의 정보가 담겨 있다. navigator: 현재 사용하는 브라우저의 정보가 들어 있다. history : 현재 창에서 사용자의 방문 기록을 저장한다. location : 현재 페이지의 url 정보가 담겨 있다. screen : 현재 사용하는 화면 정보를 다룬다. ..

NOTE ​ ​ 연산자의 종류 ​ 삼항연산자 ​ (조건식) ? true : false ​ ​ 조건문 ​ if (조건식) { // statement1 } else if(조건식) { // statement2 } else { // statement3 } - if 안에 있는 조건식이 참인 경우 해당하는 if문, else if문을 실행 한다. - 조건문(if, else if)에 모두 해당하지 않으면 else에 있는 statement3 이 실행된다. switch ~ case ​ switch ( 변수 ){ case A: // 값 A // 변수 값이 A 일때 실행할 명령문 break; case B: // 변수 값이 B 일때 실행할 명령문 break; case C: // 변수 값이 C 일때 실행할 명령문 break; d..

order.html DOCTYPE html> 결제하기 주문 정보 이름 : 연락처 : 주소 : 배송 정보 주문 정보와 배송 정보가 같습니다 이름 : 연락처 : 주소 : 결제하기 css * { margin: 0; padding: 0; box-sizing: border-box; } ul { list-style: none; } legend { font-size: 1.2em; font-weight: bold; margin-left: 20px; } form { width: 520px; height: auto; padding-left: 10px; margin: 50px auto; } fieldset { border: 1px solid #c0c0c0; padding: 30px 20px 30px 30px; margin-..

concat() 메서드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다. 기존배열을 변경하지 않습니다. 추가된 새로운 배열을 반환합니다. 구문 array.concat([value1[, value2[, ...[, valueN]]]]) 매개변수 배열 또는 값 만약 value1 ~ valueN 인자를 생략하면 기존배열의 얕은 복사본을 반환. valueN Optional 자세한 내용은 아래 설명을 참고하세요. 반환값 새로운 Array 객체. 설명 concat은 메서드를 호출한 배열 뒤에 각 인수를 순서대로 붙여 새로운 배열을 만듭니다. 인수가 배열이면 그 구성요소가 순서대로 붙고, 배열이 아니면 인수 자체가 붙습니다. 중첩 배열 내부로 재귀하지 않습니다. concat은 this나 인수로..

리소스 이벤트 이벤트 명 error 리소스를로드하지 못했습니다. abort 리소스로드가 중단되었습니다. load 리소스 및 해당 종속 리소스가로드를 완료했습니다. beforeunload 창, 문서 및 리소스가 언로드됩니다. unload 문서 또는 종속 리소스가 언로드됩니다. 네트워크 이벤트 이벤트 명 online 브라우저가 네트워크에 액세스했습니다. offline 브라우저가 네트워크에 액세스 할 수 없습니다. 포커스 이벤트 이벤트 명 focus 요소가 포커스를 받았습니다 (버블 링 안 함). blur 요소가 포커스를 잃었습니다 (버블 링되지 않음). focusin 요소가 포커스를 받으려고합니다 (버블 표시). focusout 요소가 초점을 잃으려고합니다 (버블 표시). WebSocket 이벤트 이벤트 명..