๐ ์ฌ๋ด ์ ํ๋ฒ์ค ์ค์๊ฐ ์์น ์ ๋ณด ์ ๊ณต ์๋น์ค
์ฌ๋ด ์ ํ๋ฒ์ค ์์น ์ ๋ณด ํ์ธ ์๋น์ค
๋ก์ปฌ ํ๊ฒฝ์์ ์ฑ์ ์คํํ๋ ๋ฐฉ๋ฒ์ ๋๋ค.
ํด๋น ์ฑ์ ์คํํ๊ธฐ ์ํ ํ์ ์กฐ๊ฑด์ ๋๋ค.
๋ฒ์ | ์ค๋ช | |
---|---|---|
nodejs | v20.15.1 | - 2024๋ 7์ ๊ธฐ์ค LTS ๋ฒ์ .- .nvmrc์ ๋ฒ์ ๋ช ์๋์ด์์.- ์ต์ด ํ๋ก์ ํธ ํด๋ก ์ nvm use ์ ๋ ฅํ์ฌ ๋ฒ์ ๋ง์ถ๊ธฐ. |
pnpm | v9.6.0 | - ํจํค์ง ๋งค๋์ ๋ pnpm ์ผ๋ก ํต์ผ.- package.json์ ๋ฒ์ ๋ช ์๋์ด์์. |
# pnpm ์ค์น
npm install -g pnpm
# .nvmrc ๊ธฐ์ค node version ์ค์น
# nvm์ ์ฌ์ฉํ์ง ์๋๋ค๋ฉด ์๋์ผ๋ก ๋
ธ๋๋ฒ์ ์ ๋ง์ถฐ์ฃผ์ธ์.
nvm use
git clone https://github.com/shuttle-cock/shuttle-cock_client
cd shuttle-cock_client
pnpm install
pnpm dev
๋ผ์ด๋ธ๋ฌ๋ฆฌ | Link | Description |
---|---|---|
dayjs | https://day.js.org/ | ์๋ฐ์คํฌ๋ฆฝํธ ๋ ์ง ๋ผ์ด๋ธ๋ฌ๋ฆฌ |
framer-motion | https://www.framer.com/motion/ | ์ ๋๋ฉ์ด์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ |
pnpm | https://pnpm.io/ko/ | ํจํค์ง ๋งค๋์ |
react | https://ko.legacy.reactjs.org/ | UI ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ |
react-hook-form | https://www.react-hook-form.com/ | React ํผ ๋ผ์ด๋ธ๋ฌ๋ฆฌ |
react-leaflet | https://react-leaflet.js.org/ | Leaflet ์ง๋๋ฅผ ์ํ React ์ปดํฌ๋ํธ |
react-query | https://tanstack.com/query/latest | ๋ฐ์ดํฐ ํ์นญ ๋ผ์ด๋ธ๋ฌ๋ฆฌ |
storybook | https://storybook.js.org/ | UI ๊ฐ๋ฐ, ํ ์คํธ ๋ฐ ๋ฌธ์ํ |
typescript | https://www.typescriptlang.org/ | ์๋ฐ์คํฌ๋ฆฝํธ์ ํ์ ์ด ์๋ ์์ ์ธ์ด |
vanilla-extract | https://vanilla-extract.style/ | ๋ฐํ์์ด ์๋ CSS-in-TypeScript ํ๋ ์์ํฌ |
vite | https://ko.vitejs.dev/guide/ | ํ๋ก ํธ์๋ ๋ฒ๋ค๋ง |
zustand | https://zustand-demo.pmnd.rs/ | ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ |
ํ๊ฒฝ ๋ณ์๋ฅผ ์ค์ ํ๋ ๋ฐฉ๋ฒ์ ๋๋ค.
# .env.example ๊ธฐ์ค์ผ๋ก .env ํ์ผ ์์ฑ