dukDukz

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

오류 더보기 html, css, js index.html 취업자인터뷰 글자 내용 1 글자 내용 2 글자 내용 3 글자 내용 4 &lt &gt index.css *{ margin: 0; padding: 0; } ul,li{ list-style: none; } a{ text-decoration: none; } img{ display: block; line-height: 0; } #warp{ width: 100%; } #header_wrap{ width: 100%; background: red; } #header{ width: 1200px; height: 100px; margin: 0 auto; background: blue; } #snb_wrap{ width: 100%; height: 200px; backg..

배너 만들기 더보기 banner.html 버튼1 버튼2 버튼3 버튼4 버튼5 banner.css *{margin: 0; padding: 0;} ul,li{ list-style: none; } a{ text-decoration: none; } img{ display: block; line-height: 0; /* line-height만 사용하면 안먹음 display: block;으로 해줘야함 공간이 남는 현상 제거 */ } #banner{ position:absolute; /*앞으로 떴기 때문에 아래있던 버튼들이 올라오게됨*/ top: 300px; } #banner>ul>li{ position: absolute; top : 0px; /*겹쳐서 image5가 가장 위로 올라오게됨*/ /*상위에 있는 애의 p..

developer.mozilla.org/ko/docs/Web/API/Document what_is_js.html what_is_obj.html hello world 1 hello world 2 hello world 3 hello world 3 hello world 4

developer.mozilla.org/ko/docs/Web/API/Document 1. 변수, 함수의 타입 (+함수에 변수를 지정하는 법 : return) 더보기 2. 객체란 무엇인가? Object Object 안에 3개의 type 이 있는데 1. Array 2. function 3. Object www.codingfactory.net/10436 더보기 hello world 1 hello world 2 hello world 3 hello world 3 hello world 4