자바스크립트UI1 [JS] json.data로 아코디언 메뉴 구현 웹사이트에서 자주 사용되는 아코디언 메뉴 입니다. 리액트나 뷰등 프론트엔드 프레임워크를 사용해서 UI를 구성하다보니 순수 자바스크립트로 작성하는걸 자꾸 잊는거 같습니다. 그래서 기록으로 남겨두려 작성했습니다. 외부 데이터를 사용하면서 UI를 생성하는 방식으로 작성 되었습니다. 고정된 데이터일 경우엔 HTML로 직접 데이터를 작성해서 마크업 하면 되지만 관리자 페이지 등에서 작성된 데이터를 불러올 경우 외부 데이터를 사용해야 하기 때문에 JSON파일을 붙이는 방법으로 제작했습니다. html UI를 JS에서 생성한후 적용하는 방식으로 제작했기 때문에 ID가 accordion인 div 요소만 만들어 주었습니다. css .header { background-color: #eaeaea; border: 1px so.. 2023. 5. 27. 이전 1 다음