나홀로집에서

1인 자취 가구 커뮤니티

DEMO 바로가기

나홀로집에서 프로젝트는 React + TypeScript를 사용합니다. 단일 페이지 애플리케이션(SPA) 으로 구현되었습니다.

백엔드 서버는 Spring Boot로 구성되어 있으며, IP 주소 및 도메인 접속 시 8080 포트로 리버스 프록시 설정이 되어 있습니다.

전체 프로젝트는 src 디렉토리 하위에 있는 패키지들입니다.

패키지에 대한 설명은 아래와 같습니다.

이름	설명	PORT
homealone-project	나홀로집에서 메인 프로젝트	8060

Package Manager는 yarn 을 사용하고 있습니다.

만약 yarn 이 없다면 전역에 yarn 을 먼저 install 합니다.

$ npm install --global yarn
# or
$ npm i -g yarn

yarn을 install 완료하면 dependencies 를 install 합니다.

$ pnpm
# or
$ yarn install

전체 dependencies가 install이 완료되면 최상위 경로에서

$ yarn dev

명령어를 입력하여 프로젝트를 실행합니다.

.env 설정

$ cp .env.info .env

.env에 실제 환경변수 값을 넣어야합니다.

모든 프로젝트는 개발툴로 vite를 사용하고 transpiler로는 swc를 사용중입니다.

상태관리로는 클라이언트는 zustand, 서버는 @tanstack/react-query를 사용합니다.

스타일 라이브러리는 tailwind + shadcn/ui 를 사용합니다.

코어: React + typescript
번들러: vite
트랜스파일러: swc
상태관리:zustand + @tanstack/react-query
스타일: tailwindcss + shadcn/ui