나홀로집에

나홀로집에는 세상의 모든 케빈들의 외로움을 공유할 수 있는

1인 가구를 위한 소통의 장입니다.

혼자만의 생활을 더 풍요롭게 만들고 싶다면, 우리 커뮤니티를 이용하여

일상을 나눠보세요!

👆🏻 이미지를 클릭하여 사이트로 이동하세요!

⚙️ In progress
2024.05.15 ~ 2024.06.15

🛠️ Currently being improved
2024.07.11 ~

Front

FE 문수민	FE 안동현	FE 이수민	FE 이슬

BackEnd

BE 권예지	BE 유기원

Initial BackEnd

팀장 안수민	팀원 유기원	팀원 권예지	팀원 장성규	팀원 홍유나	팀원 고민성	팀원 노석규

FrontEnd 소개

나홀로집에서 프로젝트는 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