목록2024/09/28 (1)

느릿늘있

[항해 플러스 프론트엔드 3기] 1주차 WIL

Q1. 과제  이번주 과제는 SPA를 Vanilla JS로 구현하는 것이었다. 이번 주 과제를 진행하면서 마주한 문제들 중 가장 기억에 남는 두 가지를 뽑자면 구조 설계와 클릭 이벤트 처리였다.Q2. 시도  1. 구조 설계시작할 때, 프로젝트 구조를 main -> router -> 각 component 구조로 구성하면 되겠다라고 생각했고 각각의 역할을 아래와 같이 부여했다.1. main : 프로젝트 진입점, router에 현재 url path를 전달하여 컴포넌트를 실행함2. router : 전달받은 path를 기준으로 각 컴포넌트를 실행함3. component : 화면을 그림  2. 클릭 이벤트 처리버튼이면 버튼, a태그면 a태그를 querySelector로 잡아서 addEventListener clic..
성장일지 2024. 9. 28. 19:43
이전 Prev 1 Next 다음