찐망고'S 퍼블리싱그리고디자인

안녕하세요 찐망고 입니다. 웹개발의 가장 기본 문법인 자바스크립트 관련하여 블로그에 쓰여진 내용과 실습한 내용을 정리하여 인터렉티브한 사이트를 만들었습니다. 순서대로 업데이트 중이고 01. JavaScript 역사JavaScript의 탄생브라우저 전쟁DOM과 BOM모던 JavaScript02. JavaScript 변수 변수란? (선언, 할당, 참조) var / let / const의 완벽한 차이 중복선언, 재할당, 스코프 03. JavaScript 데이터타입String (문자열)Number (숫자)Boolean (불린)null vs undefinedtypeof 연산자04. JavaScript 연산자산술 연산자 (+, -, *, /)문자열 연결대입 연산자 (+=, -=, etc)증감 연산자 (++, --..

안녕하세요찐망고 입니다. 오늘은 navi요소에서 많이 쓰는 해당 요소를 클릭했을 때만 클래스를 추가하고나머지 요소들은 클래스를 제거하는 코드를 볼 건데요..탭이랑 비슷하죠? 1. 기본코드const navMenus = document.querySelectorAll(".navi > ul > li");navMenus.forEach(navMenu => { navMenu.addEventListener("click", () => { navMenu.classList.toggle("on"); })})  일단 위 코드는 클릭한 li요소들에게 on클래스가 추가됩니다.다시 클릭을 해야 제거되겠죠? 2. 개선된 코드const navMenus = document.querySelectorAll(".nav..