- ๋ฐฐํฌ URL : https://tripvote.site
- Test ID : test@test.com
- Test PW : 1q2w3e4r!Q
- TRIPVOTE๋ ์ผํ๊ณผ ํจ๊ป ์ฌํ์ผ์ ์ ๋ง๋ค์ด ๊ฐ ์ ์๋ ์๋น์ค์ ๋๋ค.
- ์ฌํ ์คํ์ด์ค๋ฅผ ๋ง๋ค๊ณ ํฌํ์ ์ผ์ ์ ๋ฑ๋กํ ์ ์์ต๋๋ค.
- ๊ฒ์์ ํตํด์ ์ฅ์๋ฅผ ์ฐพ๊ณ , ํฌํ์ ์ผ์ ์ ๋ฑ๋ก์ํฌ ์ ์์ต๋๋ค.
- ์ผํ๊ณผ ํจ๊ป ํฌํ์ ์ฐธ์ฌํ์ฌ ์ผ์ ์ ์ ํด๋ณผ ์ ์์ต๋๋ค.
| ๋จ๊ถ์ข ๋ฏผ | ๋ฐ์ฑํ | ๋ฐ์์ | ๋ฐฑ์์ | ์ ์ํ | ์ง์ ๋ฏผ |
|---|---|---|---|---|---|
@NamgungJongMin |
@HOOOO98 |
@SKY-PEY |
@Yamyam-code |
@JSH99 |
@JeongMin83 |
- Front : React(Vite), TypeScript, SCSS
- Back-end : TourAPI, Java Springboot3
- ๋ฒ์ ๋ฐ ์ด์๊ด๋ฆฌ : Github, Github Issues, Github Project
- ํ์ ํด : Discord, Notion, Slack
- ์๋น์ค ๋ฐฐํฌ ํ๊ฒฝ : Vercel, Github Action
- ๋์์ธ : Figma
- React(Vite)
- ์ปดํฌ๋ํธํ๋ฅผ ํตํด ์ถํ ์ ์ง๋ณด์์ ์ฌ์ฌ์ฉ์ฑ์ ๊ณ ๋ คํ์ต๋๋ค.
- ์ปค์คํ ํ ๊ณผ ์ ํธ ํจ์๋ฅผ ์ฌ์ฉํ์ฌ ์ผ๊ด๋ ๋ฐ์ดํฐ๋ฅผ ์ฌ์ฉํ ์ ์๋๋ก ๋ ธ๋ ฅํ์ต๋๋ค.
- SCSS
- module.scss๋ฅผ ์ฌ์ฉํด์ className์ ๋ค์ด๋ฐ ์ปจ๋ฒค์ ์ ์ ํ๋ ๋น์ฉ์ ์ ์ฝํ ์ ์์์ต๋๋ค.
- BEM ๋ฐฉ๋ฒ๋ก ์ ๋์ ํ์ฌ ์ปดํฌ๋ํธ ๊ตฌ์กฐ๋ฅผ ์ข ๋ ์ฝ๊ฒ ํ์ ํ ์ ์๋๋ก ํ์ต๋๋ค.
- ์ต์์ ์ปดํฌ๋ํธ๋ฅผ ๋ง๋ค์ด props๋ก ์ ์ ์ ๋ณด๋ฅผ ๋ด๋ ค์ฃผ๋ ๋ฐฉ์์ ๊ฒฝ์ฐ ๋ถํ์ํ props ์ ๋ฌ์ด ๋ฐ์ํฉ๋๋ค. ๋ฐ๋ผ์, ํ์ํ ์ปดํฌ๋ํธ ๋ด๋ถ์์๋ง ์ํ ๊ฐ์ ๊ฐ์ ธ๋ค ์ฌ์ฉํ๊ธฐ ์ํด ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๊ธฐ๋ก ํ์ต๋๋ค.
- Redux๊ฐ ์๋ Recoil์ ์ฑํํ ์ด์
- Recoil์ React๋ง์ ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก, ์ฌ์ฉ๋ฒ๋ ๊ธฐ์กด์ useState ํ ์ ์ฌ์ฉํ๋ ๋ฐฉ์๊ณผ ์ ์ฌํด ํ์ต๋น์ฉ์ ๋ฎ์ถ ์ ์์์ต๋๋ค.
- ๋ํ Redux๋ณด๋ค ํจ์ฌ ์ ์ ์ฝ๋๋ผ์ธ์ผ๋ก ์๋ ๊ฐ๋ฅํ๋ค๋ ์ฅ์ ์ด ์์์ต๋๋ค.
- ์ ํด์ง ๊ท์น์ ๋ฐ๋ผ ์๋์ ์ผ๋ก ์ฝ๋ ์คํ์ผ์ ์ ๋ฆฌํด ์ฝ๋์ ์ผ๊ด์ฑ์ ์ ์งํ๊ณ ์ ํ์ต๋๋ค.
- ์ฝ๋ ํ์ง ๊ด๋ฆฌ๋ eslint์, ์ฝ๋ ํฌ๋งทํ ์ prettier์ ์ผ์ํด ์ฌ์ฉํ์ต๋๋ค.
- ํ์ ์ ๋งค๋ฒ ์ปจ๋ฒค์ ์ ์ ๊ฒฝ ์ธ ํ์ ์์ด ๋น ๋ฅด๊ฒ ๊ฐ๋ฐํ๋ ๋ฐ์ ๋ชฉ์ ์ ๋์์ต๋๋ค.
- ๊ธฐํ, ๋์์ธ์ด ์๋ฃ๋์ด ๋ ๋๋ง์ ํ์ํ ๋ฐ์ดํฐ๋ฅผ ๋ช ์ธ๋ฅผ ํตํด ์ ํ๊ณ , ์ด๋ฅผ ๋ฐํ์ผ๋ก API๋ฅผ mockingํ์ฌ ์ฌ์ฉํ ์ ์์์ต๋๋ค.
- BackEnd์์ API๋ฅผ ์ ๊ณตํด์ฃผ๋ ์์ ์ ์๋ ๋ฏธ๋ฆฌ API ์ฐ๊ฒฐ์ ํตํด ๋ฏธ๋ฆฌ ํ๋ฉด์ ๊ตฌ์ฑํ์ฌ ์์ ์ ์งํํ ์ ์์์ต๋๋ค.
- ์ ํธ ํจ์๋ฅผ ํ ์คํธํ์ฌ ์ผ๊ด๋ ๋ฐ์ดํฐ๊ฐ ๋์ถ ๋๋์ง ํ์ธํ์ฌ, ๋ณ์น์ ์ธ ์ํฉ์ ์ค์์ต๋๋ค.
- Git-flow ์ ๋ต์ ๊ธฐ๋ฐ์ผ๋ก main, dev ๋ธ๋์น๋ก ๋ฒ์ ์ ๊ด๋ฆฌํ์๊ณ , Git issue๋ฅผ ํตํด ๋ธ๋์น๋ฅผ ์์ฑํ์ฌ ์ด์๋จ์๋ก ๊ธฐ๋ฅ์ ๊ฐ๋ฐํ์ต๋๋ค.
- main, develop, Feat ๋ธ๋์น๋ก ๋๋์ด ๊ฐ๋ฐ์ ํ์์ต๋๋ค.
- main ๋ธ๋์น๋ ๋ฐฐํฌ ๋จ๊ณ์์๋ง ์ฌ์ฉํ๋ ๋ธ๋์น์ ๋๋ค.
- develop ๋ธ๋์น๋ ๊ฐ๋ฐ ๋จ๊ณ์์ git-flow์ master ์ญํ ์ ํ๋ ๋ธ๋์น์ ๋๋ค.
- Feat ๋ธ๋์น๋ ๊ธฐ๋ฅ ๋จ์๋ก ๋ ๋ฆฝ์ ์ธ ๊ฐ๋ฐ ํ๊ฒฝ์ ์ํ์ฌ ์ฌ์ฉํ๊ณ PR merge ํ ๊ฐ ๋ธ๋์น๋ฅผ ์๋ ์ญ์ ํด์ฃผ์์ต๋๋ค.
- Github actions์ CI๋ฅผ ์ ์ฉํ์ฌ ๋น๋ ๋ฐ ์์์ ์ค๋ฅ๊ฐ ์๋์ง ํ ์คํธํ๊ณ ๊ทธ ๊ฒฐ๊ณผ๋ฅผ PR ์ํ์ ๋ฐ์ํ์ต๋๋ค.
๐ฆsrc
โฃ ๐api
โฃ ๐assets
โฃ ๐chakra
โฃ ๐components
โฃ ๐firebase
โฃ ๐hooks
โฃ ๐mocks
โฃ ๐pages
โฃ ๐recoil
โฃ ๐routes
โฃ ๐sass
โฃ ๐types
โ ๐utils
- UI
- ๋ง์ดํ์ด์ง , ๋ก๊ทธ์ธ , ํ์๊ฐ์
- ๊ธฐ๋ฅ
- ๋น๋ฐ๋ฒํธ ๋ณ๊ฒฝ , ์ฌ๋ฐ๊ธ , ํ์ ๊ฐ์ , ๋ก๊ทธ์ธ , ์์ ๋ก๊ทธ์ธ , ํ์ ํํด , ํ๋กํ ๋ณ๊ฒฝ
- UI
- ์ฌ์ด๋๋ฐ , ์๋ฆผ
- ๊ธฐ๋ฅ
- ํธ์์๋ฆผ , ์นด์นด์คํก ์ด๋
- UI
- ํฌํ
- ๊ธฐ๋ฅ
- ํฌํ๋ง๋ค๊ธฐ , ํฌํํ๊ธฐ , ํฌํ ํ์ด์ง์์ ์ผ์ ์ถ๊ฐ, ์ง๋๋ณด๊ธฐ , ์ฌํ์ง ํ๋ณด ๋ฑ๋ก , ํ๋ณด ์ฅ์ ๋ฉ๋ชจ์์ฑ , ๋์ ์ฐ ๊ฐ์ ธ์ค๊ธฐ, ์ ์ฒด ์ง์ญ ํํฐ ๊ธฐ๋ฅ
- UI
- gnb , ์จ๋ณด๋ฉ , ์ฅ์ ๊ฒ์ , ์ง๋
- ๊ธฐ๋ฅ
- ํํ์ด์ง ๋ฆฌ์คํ , ๊ฒ์ ์ธ๊ธฐ ์ฅ์ ๋ฆฌ์คํ , ์ฅ์ ๊ฒ์ ์ง๋
- UI
- ์ฌํ ์คํ์ด์ค
- ๊ธฐ๋ฅ
- ์ฌํ ๋ ์ง ์ ํ๊ธฐ , ์ฌํ์ง ์ ํ๊ธฐ , ์ผ์ ํญ ํ๋ฉด , ์ง๋ ํ๋ ๊ธฐ๋ฅ , ์ผ์ ํธ์ง ๊ธฐ๋ฅ , ํฌํ์์ ๋ถ๋ฌ์ค๊ธฐ , ๋ฃจํธ ์ต์ ํ , ์ฅ์ ๊ฒ์ , ์ฐ๋ชฉ๋ก ๊ฒ์
- UI
- ์์ธํ์ด์ง , ๋ฆฌ๋ทฐ , ์ฐ
- ๊ธฐ๋ฅ
- ์ฐํ๊ธฐ , ๋ฆฌ๋ทฐ์ฐ๊ธฐ , ๋ฆฌ๋ทฐ์์ , ํ๋ณด ๋ฑ๋กํ๊ธฐ , ์ฃผ๋ณ ๋ค๋ฅธ ์์
- ์ ์ฒด ๊ธฐ๊ฐ : 2023-12-04 ~ 2024-01-29
- ๊ธฐํ / UI : 2023-12-04 ~ 2024-01-05
- ๊ธฐ๋ฅ ๊ตฌํ : 2024-01-05 ~ 2024-01-29
- GitHub Projects์ Issues๋ฅผ ์ฌ์ฉํ์ฌ ์งํ ์ํฉ์ ๊ณต์ ํ์ต๋๋ค.
- ์ฃผ๊ฐํ์๋ฅผ ์งํํ๊ณ ๊ฐ์์ ์์ ์ํฉ์ ๊ณต์ ํ์ต๋๋ค.
- ๋ ธ์ ์๋ ์ ํด์ง ์ปจ๋ฒค์ ์ ์ ๋ฆฌํ๊ณ , ์ฌ๋์ผ๋ก๋ ์ ์ฒด์ ์ธ ๊ณต์ง๋ฅผ ํ์ธํ๊ณ , ๋์คํฌ๋์ ๊นํ๋ธ ์นํ ์ ์ฌ์ฉํด PR์ ์๋ช ์ฃผ๊ธฐ๋ฅผ ๋จ์ถ์์ผฐ์ต๋๋ค.
- React-Query
- ์์กด์ ์ฟผ๋ฆฌ ํค : ์ฟผ๋ฆฌ ํค๋ฅผ ์ฌ์ฉํด์ ๋ฐ์ดํฐ ๊ฐ์ ธ์ค๊ธฐ ์์ฒญ์ ์ต์ ํํ์ต๋๋ค. ์ฟผ๋ฆฌ ํค๊ฐ ๋ณ๊ฒฝ๋ ๋ ๋ง๋ค ์๋กญ๊ฒ ๋ฐ์ดํฐ๋ฅผ ์ ๋ฐ์ดํธ๋ฅผ ํ ์ ์์ด ๋ถํ์ํ ์ฌ์์ฒญ์ ๋ฐฉ์งํ ์ ์์ต๋๋ค.
- ๋ก๋ฉ, ์๋ฌ ์ฒ๋ฆฌ : ๋ฐ์ดํฐ๊ฐ ๋์ฐฉํ๊ธฐ ์ ์ํ๋ฅผ ์๋์ผ๋ก ๊ฐ์งํ์ฌ ์๋์ผ๋ก ์ฝ๋๋ฅผ ์ ์ฉํ์ง ์์์ต๋๋ค. ๋ํ ์๋ฌ๋ฅผ ์๋์ผ๋ก ๊ฐ์งํ๊ธฐ ๋๋ฌธ์ ์๋ฌ ๋ฐ์ด๋๋ฆฌ๋ฅผ ์ ํด ์ปดํฌ๋ํธ ๋ ๋๋ง ์ต์ ํ๋ฅผ ์ํด ๋ ธ๋ ฅํ์ต๋๋ค.
- Proxy
- ํ๋ก์ ์๋ฒ๋ฅผ ์ฌ์ฉํ์ฌ ๊ฐ๋ฐ ํ๊ฒฝ ๋ฐ ๋ฐฐํฌ ํ๊ฒฝ์์ ๋ฐ์ํ๋ CORS ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ์ต๋๋ค.
- ๋ณด์๊ณผ ๊ฐ๋ฐ์ ๊ฒฝํ์ ํฅ์์ํค๊ธฐ ์ํด ๋ ธ๋ ฅํ์ต๋๋ค.




























