dukDukz

전체 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. href 클릭 시 다른 html이나 특정 id값을 가진 영역으로 이동가능 좀 더 부드럽게 이동하려면 css에서 html 안에 scroll-behavior : smooth 를 주면 된다. 그 이상으로 속도를 조절 하는건 불가능(css만으로는 불가능함) html{ scroll-behavior: smooth; } 소개 SKT상품 2. hover .header_ul>li:nth-child(3):hover>a, .header_ul>li:nth-child(4):hover>a { color: #ff7a00; } .menu_ul>li:hover { border-bottom: 2px solid #ff7a00; } **********************************************..

문제 답 function solution(array, commands) { var answer = []; for(var i=0; i

객체는 값을 저장할 수 있는 공간이다. 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..