[250225] TIL

오늘 한 일

4주차 과제 진행

PR 주소

작업한 코드 PR 주소

##변경 사항

폴더 구조 개선

• pages 폴더와 features 폴더로 역할 분리
• pages: HTML과 CSS 파일 보관
• features: JavaScript 로직 담당
• 각 feature를 페이지 단위로 구분하여 관련 코드 응집성 향상

  코드 구조 개선

• 관심사 분리
• view.js: UI 요소 및 이벤트 처리 담당
• model.js: 데이터 처리 및 API 통신 담당
• 컴포넌트 모듈화로 재사용성 증가

  API 통신 준비

• apiClient() 함수 도입으로 API 호출 의존성 감소
• 향후 fetch에서 axios 등으로 전환 용이하도록 추상화
• LocalStorage와 API 호출 로직 분리하여 향후 서버 연동 용이

  향후 개선 방향

• 현재 페이지별 폴더 구조에서 객체별 CRUD 중심 구조로 리팩토링 검토
• 컴포넌트 재사용성 추가 개선