GPD2021

window.addEventListener('DOMContentLoaded', (event) => { console.log('DOM fully loaded and parsed'); }); js 파일 링크를 html head에 걸어주면 html body 영역의 내용을 읽기 전에 js파일이 시작되서 js가 아무것도 할 수가 없는 상황이 온다. 그래서 html이 모두 로드되었을 때 js가 실행될 수 있도록 할 필요가 있는데 그 떄 사용할 수 있는 window 객체의 메서드이다. 전부 로드되고 나서 event가 실행된다. 보통 저 익명함수 안에 init(); 함수를 넣고 그 init() 함수 안에 다른 함수를 넣어 실행한다.

콘솔창에 출력되는 달력을 만든다. Date 객체 초기화 let now = new Date(); 개별 날짜 및 시간 구성 요소 String type으로 전달 적어도 연도와 월이 주어지면, 자신의 구성 요소(연, 월, 일, 시, 분, 초, 밀리초)를 모두 매개변수의 값에서 가져오는 Date 객체를 생성 누락한 요소에는 가장 낮은 값(day는 1, 나머지는 0)을 사용 month 월을 나타내는 정숫값. 0은 1월을 나타내고 11은 12월을 나타냄. let setYear=2021; let setMonth=4; let setDay=1; let dt=new Date(`${setYear}-${setMonth}-${setDay}`); . Date.prototype.getDay() 생성된 Date 객체에 해당하는 날짜의..

Array.prototype.indexOf() 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환 arr.indexOf(searchElement[, fromIndex]) searchElement 는 배열에서 찾을 요소 fromIndex 는 검색을 시작할 색인으로 생략할 수 있다. Array.prototype.find() 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환, 그런 요소가 없다면 undefined를 반환 Array.prototype.map() 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환

meue1 menu1-1 menu1-2 menu1-3 menu1-4 meue2 menu2-1 menu2-2 menu2-3 menu2-4 meue3 menu3-1 menu3-2 menu3-3 menu3-4 meue4 menu4-1 menu4-2 menu4-3 menu4-4 meue5 menu5-1 menu5-2 menu5-3 menu5-4 레이어 팝업 레이어팝업 "이부분의 내용이 나옵니다." 닫기버튼

@media (max-width: 1200px){ width:100vw; height:100vh; } vw 와 vh view width. view height view는 전체 브라우저의 크기 딱 화면 켰을때의 크기. 1은 1%라고 생각 90vh는 90% 축소했을 때도 그 크기를 그대로 유지. 메인비주얼을 넣을 때 유용하다.

Array.prototype.forEach() 각 배열 요소에 대한 반복을 쉽게 할 수 있다. arr.forEach(forFn); //Array.forEach(callback:function); function forFn(value,index){ //첫번째 인자는 밸류. 두번째 인자는 인덱스 console.log(index+' : '+ value); } forEach 안에 인자는 콜백 함수가 들어간다. 콜백 함수의 인자는 밸류와 인덱스로 구성된다. 인덱스는 생략할 수 있다. callbackFunction(value. index) callbackFunction(value) 익명 함수 arr.forEach(function(ele){ ele.addEventListener('mouseenter',menuover..