221114 실전예제 - 웹페이지 MENU 만들기, 슬라이드 영역만들기

오늘 내가 배운 것 1. MENU(gnb) 만들기 2. 슬라이드 영역 만들기 1. MENU(gnb) 만들기 GNB : Global Navigation Bar의 약자로, 웹사이트 전체에 동일하게 적용되는 내비게이션 바 코드 구현 순서 (자바스크립트 순서) 1. 각 id와 class에 접근할 수 있게 변수로 할당한다. 2. gnb 밑에 4개의 li가 있는데, 그 li에 각각 접근하려면 gnbs[0] , gnbs[1] .... 로 접근하는데, 이를 이용해서 이벤트를 등록한다면, gnbs[0].addEventListener / gnbs[1].addEventListener ... 처럼 이벤트를 등록한다. 위에 예시 같은 경우 li에서 마우스가 오버됐을 때 function이 실행되고, 실행되는 코드의 내용은 gnb..