Frontend Wiki - 100-hours-a-week/6-nemo-wiki GitHub Wiki

ํ”„๋กœ์ ํŠธ ์ด๋ฆ„ Frontend Wiki

Frontend Repository


๋ชฉ์ฐจ


๊ฐœ๋ฐœ ์ผ์ •

๊ธฐ๊ฐ„ ์ฃผ์š” ์ž‘์—…
MM/DD ~ ์ž‘์—… ๋‚ด์šฉ

์ปจ๋ฒค์…˜ ๋ฃฐ

์ฝ”๋“œ ์ปจ๋ฒค์…˜ (Prettier & ESLint)

๋„ค์ด๋ฐ ๊ทœ์น™

ํ•ญ๋ชฉ ์ผ€์ด์Šค ๊ทœ์น™
ํด๋”๋ช…, ํŒŒ์ผ๋ช…, ๋ณ€์ˆ˜ ๋ฐ ํ•จ์ˆ˜๋ช…, ์„œ๋ฒ„ ์‘๋‹ต ๋ฐ์ดํ„ฐ camelCase
์ปดํฌ๋„ŒํŠธ๋ช… PascalCase

Prettier

์˜ต์…˜ ๊ฐ’ ์„ค๋ช…
trailingComma
tabWidth
semi
singleQuote
bracketSpacing
jsxBracketSameLine
printWidth

ESLint

ํ•ญ๋ชฉ ์„ค์ • ๋‚ด์šฉ
๊ธฐ๋ณธ ์„ค์ •
TypeScript ์„ค์ •
๊ธ€๋กœ๋ฒŒ ํ™˜๊ฒฝ
๋ฌด์‹œ ํด๋”
ํ”Œ๋Ÿฌ๊ทธ์ธ
์ปค์Šคํ…€ ๋ฃฐ

๊นƒ ๋ธŒ๋žœ์น˜ ์ „๋žต

๊ธฐ๋ณธ ๋ธŒ๋žœ์น˜

๋ธŒ๋žœ์น˜ ์„ค๋ช…
main
dev

์ž‘์—… ๋ธŒ๋žœ์น˜ ๋„ค์ด๋ฐ ๊ทœ์น™

๋ธŒ๋žœ์น˜ ํƒ€์ž… ๋„ค์ด๋ฐ ํŒจํ„ด
๊ธฐ๋Šฅ ์ถ”๊ฐ€ feature/#์ด์Šˆ๋ฒˆํ˜ธ
๋ฒ„๊ทธ ์ˆ˜์ • bug/#์ด์Šˆ๋ฒˆํ˜ธ
๋ฆฌํŒฉํ† ๋ง refactor/#์ด์Šˆ๋ฒˆํ˜ธ

์ปค๋ฐ‹ ๋ฉ”์„ธ์ง€

์ปค๋ฐ‹ ์œ ํ˜• ์„ค๋ช…
feat
fix
docs
style
refactor
test
chore
design
comment
rename
remove
BREAKING CHANGE
HOTFIX

PR ์ปจ๋ฒค์…˜

์˜ˆ์‹œ: Feature - ๋ฉ”์ธ ํŽ˜์ด์ง€ UI ๊ตฌํ˜„

ํƒœ๊ทธ ์˜๋ฏธ ์„ค๋ช…
์ฝ”๋“œ ๊ตฌ์กฐ ๊ฐœ์„ 
์„ฑ๋Šฅ ๊ฐœ์„ 
์ฝ”๋“œ/ํŒŒ์ผ ์ œ๊ฑฐ
๋ฒ„๊ทธ ์ˆ˜์ •
๊ธด๊ธ‰ ์ˆ˜์ •
๊ธฐ๋Šฅ ์ถ”๊ฐ€
UI/์Šคํƒ€์ผ ์ˆ˜์ •
๋ณ€๊ฒฝ ์‚ฌํ•ญ ๋˜๋Œ๋ฆฌ๊ธฐ
๋ธŒ๋žœ์น˜ ๋ณ‘ํ•ฉ
์ฃผ์„ ์ถ”๊ฐ€/์ˆ˜์ •
DB ๊ด€๋ จ ๋ณ€๊ฒฝ

ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ…


์‚ฌ์šฉ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

  ๊ธฐ์ˆ  ๋ฒ„์ „
๋Ÿฐํƒ€์ž„ Node 22.13.0
์–ธ์–ด TypeScript 5.7.3
์ฝ”์–ด Next.js, React.js 15.3.1, 19.0.0
์Šคํƒ€์ผ๋ง TailwindCSS, tailwind-variants 4.1.4, 1.0.0
์•„ํ‚คํ…์ฒ˜ FSD  
์ƒํƒœ๊ด€๋ฆฌ Zustand 5.0.3
๋นŒ๋“œ Webpack, Turbopack  
ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ € Pnpm YarnBerry
์ธ์ฆ Next-auth 4.24.11
ํ…Œ์ŠคํŠธ Jest(Unit)/Playwright,Cypress(E2E) 29.7.0/ 1.52.0. 14.3.2
์• ๋‹ˆ๋ฉ”์ด์…˜ Framer-motion 12.9.2
์œ ํšจ์„ฑ ๊ฒ€์‚ฌ Zod, React-hook-form 3.24.3, 7.56.1
๋””์ž์ธ์‹œ์Šคํ…œ Shadcn 29.7.0
Mocking Postman Mock Server v11
๊ธฐํƒ€ eslint,es-toolkit, prettier, js-conefetti 9.25.1, 1.36.0, 3.5.3, 0.12.0

์œ ์ € ํ”Œ๋กœ์šฐ ์ฐจํŠธ

6แ„Œแ…ฉ แ„‚แ…ฆแ„†แ…ฉ แ„‹แ…ฒแ„Œแ…ฅ แ„‘แ…ณแ†ฏแ„…แ…ฉแ„‹แ…ฎ แ„Žแ…กแ„แ…ณ drawio


๋””์ž์ธ ์‹œ์Šคํ…œ

[1. ์ปฌ๋Ÿฌ ์‹œ์Šคํ…œ]

แ„แ…ฅแ†ฏแ„…แ…ฅแ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท

[2. ํฐํŠธ ์‹œ์Šคํ…œ]

แ„แ…กแ„‹แ…ตแ„‘แ…ฉแ„€แ…ณแ„…แ…ขแ„‘แ…ต


๋ฐฐํฌ ํ™˜๊ฒฝ ๋ฐ CI/CD ํŒŒ์ดํ”„๋ผ์ธ

๊ตฌ์„ฑ ๋‚ด์šฉ ์ž‘์„ฑ


์ฝ”๋“œ ํ’ˆ์งˆ ๊ด€๋ฆฌ ๋„๊ตฌ

๋„๊ตฌ ์—ญํ•  ๋ชฉ์ 
๋„๊ตฌ๋ช…

ํ…Œ์ŠคํŠธ ์ „๋žต

๋„๊ตฌ ์—ญํ•  ๋ชฉ์ 
๋„๊ตฌ๋ช…
โš ๏ธ **GitHub.com Fallback** โš ๏ธ