dukDukz

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..

1. head 안에 script 써도 동작되게 하는 법 window.addEventListener('DOMContentLoaded', init); function init() { let gnb = document.querySelectorAll(".gnb>li"); console.log(gnb); } js를 위에다가 써도 동작되게 window. ~~ DOMContentLoaded 써준다 이렇게 선언한걸 함수 안에 넣어주면 된다. widow는 거의 최상위 객체 window.addEventListener('Event : string', function); DOMContentLoaded = 모든 페이지의 로드가 끝나면 2. 반복문 forEach - 배열에서 많이 쓴다. function init() { let g..

객체는 값을 저장할 수 있는 공간이다. 1. 객체 생성 obj 라는 객체를 생성한다. let obj = new Object(); console.log(obj); 2. 객체 안에 값 넣어주기 obj라는 객체 안에 name 이란걸 만들어준다. 그 name 안에는 'Zero' 라는 값을 넣을거다. obj라는 객체 안에 age 란걸 만들어준다. 그 name 안에는 '20' 라는 값을 넣을거다. let obj = new Object(); //객체 생성 : 값을 저장할 수 있는 공간 obj.name = 'Zero'; console.log(obj); // name : 'zero' obj.age = '20'; console.log(obj); // {name: "Zero", age: "20"} 배열로 넣어준것 3. 객체..

1. 전역변수와 지역변수 더보기 1) 전역변수 선언하고 함수안에서 지역변수로 재정의 했을 때 var index = 10; function hello(){ var index = 0; console.log(index); index++; } hello(); console.log(index); 결과 값 : 0 10 함수 안에 var index = 0; 이건 함수 안에서만 작동 console.log(index)는 전역변수를 출력하겠다는 뜻 2) 전역변수 선언하고 재정의하기 전에 콘솔을 찍은 경우 var index = 10; function hello(){ console.log(index); var index = 0; console.log(index); index++; } hello(); console.log(in..

1. 함수와 변수 a = 0; a == 0; /* = , == 차이 */ console.log(a); // a console.log(a==0); // true function a(){ console.log(0); } function 정의하고 나서 실행이 바로 안됨 이것을 실행하려면 사용을 해야함 사용법 : 함수명 (); function a (){ } --> a(); a = 0 ; --> a; 2. 함수안에 인자 값 function hello(a){ console.log(a); } hello(); // 이렇게만 하면 undefined 가 콘솔에 찍힘 --> 선언시 아무 값도 주지 않았기 때문 hello(); 함수를 선언할 때 a인자 값을 주지 않았기 때문에 a는 undefined가 됨 결과 : undefi..