본문 바로가기

JavaScript/[강의] 문벅스 -ing

(2)
step2. 상태관리로 메뉴 관리하기 * 이 자료는 제가 복습하기 위해서 작성한 내용입니다. 강의내용과 제 생각이 한 데 섞여있어서 본 내용이 정확하지 않을 수 있습니다. 제대로 공부하시려면 유데미 강의를 구매하시길 추천드립니다. 0. step 2을 통해서 내가 배운 것 1) 기술적 - 상태 & 로컬스토리지 개념 - localStorage에 메뉴 상태를 저장하여 관리하기 (메뉴 추가, 수정, 삭제, 불러오기) - 계층적인 데이터 상태를 저장하고 관리하기 - 모듈화 하여 export, import 하는 법 - 다양한 메서드들 또는 방법 ▶ localStorage에 저장된 데이터 세팅하는: localStorage.setItem(Key, Value) ▶ localStorage에 저장된 데이터 가져오는: localStorage.getItem(Key..
step1. 돔 조작과 이벤트 핸들링으로 메뉴 관리하기 0. step 1을 통해서 내가 배운 것 1) 기술적 - 돔 조작 방법(요소 추가, 삭제) - 이벤트 핸들링(키보드 이벤트, 클릭 이벤트, 기본 이벤트 막기, 이벤트 위임) - 브라우저 인터페이스 활용 - 예외처리(return 적절하게 사용하기) - 다양한 메서드들 ▶ 돔 요소 선택시 querySelector(), ▶ 이벤트 기본동작 막는 preventDefault(), ▶ 특정 돔 트리 안에 원하는 노드 추가하는 insertAdjacentHTML(), ▶ 해당하는 돔 요소를 다 가져오는 querySelectorAll(), ▶ 노드리스트 길이 구하는 length, ▶ 이벤트를 발생시킨 요소를 가리키는 event.target(), ▶ 요소가 갖고 있는 클래스를 배열처럼(DOMTokenList) 반환하는 e..