dukDukz

1. 동기 / 비동기 동기 요청받은 순서대로 하나씩 처리함 비동기 요청을 여러개 받고 빨리 처리할 수 있는대로 처리해줌 -> 요청이 완료 됐을때 callback 함수가 실행이 되어서 요청을 처리하는 형식 예시) 더보기 console.log('start 1'); setTimeout(()=>{ console.log('start 2'); },3000); console.log('start 3'); 결과 : start 1 start 3 (3초후) start 2 2. 콜백함수 function go(){ console.log('go go'); } const 아반떼 = (callback) =>{ setTimeout(()=>{ console.log('아반떼 go'); callback(); },3000); } const ..

참고할 블로그 더보기 medium.com/@bluesh55/javascript-prototype-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-f8e67c286b67 www.zerocho.com/category/JavaScript/post/573c2acf91575c17008ad2fc medium.com/@bluesh55/javascript-prototype-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-f8e67c286b67 [Javascript ] 프로토타입 이해하기 자바스크립트는 프로토타입 기반 언어라고 불립니다. 자바스크립트 개발을 하면 빠질 수 없는 것이 프로토타입인데요. 프로토타입이 거의 자바스크립트 그 자체이기때문에 이해하는 것이 어렵 medium.com..

1. 객체 선언 결과 : v2 2. 객체 안에 배열 3. 배열안에 Obj 4. obj라는 객체 안에 담은 배열을 forEach로 돌려서 다 찍어보기 5. results라는 배열을 list에 담아서 html로 보내면 server.js list.html list에 여러 객체들이 배열로 담겨있고 for문이 돌면서 하나의 객체를 item에 담아서 찍는것.

1. 배열.filter(); 1) filter filter 걸러낸다 filter 매서드 사용하면 익명함수가 들어간다-> filter(function()) (forEach와 동일) return v가 30보다 작은 것들만 return을 하게 된다. 뒷 부분은 조건을 만족하지 않으므로 return이 된 값만 두번째 빈 배열 arr2에 담아지게 된다. 이 익명함수는 총 12번 돈다. 끝까지 돌게 되고 return이 되나 안되나의 차이이다. v에는 배열의 각 요소가 들어간다. filter의 return 값은 Array 배열이다. let arr = [25,26,27,28,29,30,31,32,32,33,34,35,36]; let arr2 = []; arr.forEach((v)=>{ if(v{ return v{ re..

1. 배열을 선언하는 방법 2가지 arr = new Array(); arr = []; arr=[,,,,,]; console.log(arr); 2. push : Array push() Method : 요소가 항상 마지막에 추가됨 arr = [1,2,3]; arr.push(4); arr.push(5); arr.push(6); console.log(arr); // [1, 2, 3, 4, 5, 6] 3. pop : Array push의 반대 - 항상 맨 마지막 값이 제거됨 arr.pop(); arr.pop(); console.log(arr); // [1, 2, 3, 4] 두번 써서 끝에 두개가 사라짐 4. indexOf indexOf 인자값이 2개가 들어간다 Key [0 1 2 3 4 5 6 7 8 9] Val..

전체 code 더보기 javascript 부분만 function Banner(data){ //여기서 data 는 각각의 Object이다 let index = 0; function slide(n){ flag = (n == undefined) ? true : false; let ul = document.querySelectorAll(data.bannerContainer); if (index == ul.length ) index = 0; let beNum = (index == 0) ? (ul.length-1) : index-1; console.log(ul); ul.item(index).setAttribute(data.bannerItemId,data.bannerItemIdOn); if(flag) ul.item(..

.html 1 2 3 4 5 6 7 레이어팝업 이 부분의 내용이 나올겁니다. close 1. display flex *{ margin: 0; padding: 0; } ul, li{ list-style: none; } /*display flex는 최상위 영역에 준다. 이 경우에는 ul에 주면 된다*/ .gnb{ display: flex; flex-direction: row; /*한줄로 가는것 - float left 한 효과를 얻을 수 있음 - 안해도 옆으로 붙긴함*/ width: 600px; height: 300px; background: red; flex-wrap: wrap; /*영역을 넘어가면 밑으로 떨어지게 하는것*/ /*nowrap은 옆으로 늘어지게 하겠다 - 슬라이드 만드는 경우 사용함*/ jus..