[Study] Toy project

스터디 첫 과제로 ui 컴포넌트들을 바닐라 JS로 구현해보기로 했고 첫 번째는 팝업(모달)이다. 원래 생각한 건 모달이었는데 참고한 사이트에서는 팝업이라는 이름으로 소개하고 있는 것 같길래 팝업이라고 했다. 만들 컴포넌트 정할 때 참고한 사이트는 lithium des

두번째 스터디 과제는 아코디언! ! ! 레 쓰 고 1. 아코디언(Accordion)의 정의 및 특징 세로로 쌓여있는 아이템 리스트 레이블(아이콘) 클릭 시 내용 펼침/숨김 기능 2. 아코디언의 유형 2-1. 메뉴 아코디언 2depth 이상의 메뉴/카테고리를 보여

필요한 개념 classList.add() classList.remove() classList.toggle() classList.contains() 지난 아코디언 과제 때는 depth2가 존재하는 경우에만 클릭 시 패널이 열리고 닫히는 기능까지 구현했다. 하지만 하나의

1. 정의 데이터 검색/불러오기 등 사용자의 요청사항이 처리 중임을 알려주는 요소 2. 유형 2-1. 베이직 로딩 2-2. 로딩 바 3. 구성 옵션 3-1. 인디케이터 ![](https://velog.velcdn.com/