[Feat/#1] 프로젝트 초기 환경 설정

[Jxxunnn]

이슈 번호

closes #1

작업한 내용

• Next.js 14 설치

  • 공식문서 기준으로 14.2.23 버전 명시하여 설치

• React Query v5 설치

  • QueryClientProvider 적용
  • ReactQueryDevtools 적용

• styled-components v6 설치

  • 서버 렌더링 관련 설정 적용 공식문서 참고
  • 브라우저 스타일 초기화 위해 styled-reset 적용

• Axios 설치

  • fetch 기반 어댑터로 Axios 인스턴스 추가
  • API 기본 URL을 .env.example 파일에 환경 변수로 추가

• ESLint, Prettier 설치

  • Next.js 기본 제공 ESLint 사용
  • Prettier와 충돌 방지를 위해 eslint-plugin-prettier 적용

작업 결과

.

비고

MSW 설치 ❌
MSW가 기본적으로 app router랑 호환되지 않는 것 같더라구. 관련 이슈를 확인했어. 개발 종속성이기도 하고 rotue handlers로 대체할 수 있을 것 같아서 이번 작업에서 MSW를 적용할 수 있는 방법을 추가로 찾지는 않았어.

폴더 구조
작업을 진행하다 보니 폴더를 생성할 필요가 생겨서 라우트 기반과 피쳐 기반 폴더 구조 사이에서 고민하다가 우리 서비스는 페이지가 많을 것 같지 않아서 피쳐 기반 폴더 구조로 틀을 잡아두었어. 관련해서 다이어그램을 작성해봤는데 아직 디테일은 정리되지 않은 상태야. 괜찮으면 이 구조를 기반으로 발전시키고 더 좋은 아이디어가 있다면 같이 논의해보면 좋을 것 같아!

[Jxxunnn]

@ljh0608 같이 검토한 PR이라 병합 할게. #4 배포 설정 작업에 필요해서!

[ljh0608]

LGTM