[250217] TIL

오늘 한 일

바닐라 JS 프로젝트 진행

1. 리틀리 디자인 결정

• 실제 사진 대신 캐릭터 사용 결정
• 짱구에 나오는 수지 캐릭터로 리틀리 꾸미기로 결정

2. 공통 컴포넌트 구현

• 헤더를 공통 컴포넌트로 분리
• JS fetch 함수를 사용하여 HTML 삽입 방식 선택
  • 라이브러리 없이 순수 바닐라 JS로 구현 가능한 방식

3. 폴더 구조 설계

• FSD(Feature-Sliced Design) 폴더 구조 채택
• 선택 이유:
  • 기능별 명확한 분리 가능
  • 코드 찾기 용이
  • 확장성과 가독성 우수
  • 이전 프로젝트 경험으로 인한 빠른 적용 가능
• 현재는 feature/auth 하위에 직접 파일 배치
  • 추후 파일 증가시 하위 폴더 구조 고려 중

4. 개발 프로세스

• 헤더와 로그인 페이지는 직접 구현
• 반복적인 작업은 Claude AI 활용하여 기본 구조 작성 후 수정하는 방식으로 진행