Skip to content

๐Ÿงป ์‚ฌ์šฉ์ž์˜ ๋ฐฐ๋ณ€ ํ™œ๋™์„ ๊ธฐ๋กํ•˜๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค.

Notifications You must be signed in to change notification settings

f-lab-edu/eungeori

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

98 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿงป ์‘์–ด๋ฆฌ (Eungeori)

์‘์–ด๋ฆฌ๋Š” ์‚ฌ์šฉ์ž์˜ ๋ฐฐ๋ณ€ ํ™œ๋™์„ ๊ธฐ๋กํ•˜๊ณ , ๊ฑด๊ฐ•ํ•œ ์Šต๊ด€์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ์Šค๋งˆํŠธํ•œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค.

๐Ÿ“ฑ ์ฃผ์š” ๊ธฐ๋Šฅ

1. ๋ฐฐ๋ณ€ ํ™œ๋™ ๊ธฐ๋ก

  • ์‹œ๊ฐ„ ๊ธฐ๋ก: ๋ฐฐ๋ณ€ ์‹œ๊ฐ„์„ ์†์‰ฝ๊ฒŒ ๊ธฐ๋กํ•˜๊ณ  ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์ƒํƒœ ์ฒดํฌ: ๋ฐฐ๋ณ€ ์ƒํƒœ๋ฅผ ๋ฌฝ์Œ, ๋”ฑ๋”ฑํ•จ, ์ •์ƒ์œผ๋กœ ๊ตฌ๋ถ„ํ•˜์—ฌ ๊ธฐ๋กํ•ฉ๋‹ˆ๋‹ค.
  • ๋ฉ”๋ชจ ๊ธฐ๋Šฅ: ๋ฐฐ๋ณ€๊ณผ ๊ด€๋ จ๋œ ๋ฉ”๋ชจ๋ฅผ ๋‚จ๊ฒจ ๊ฑด๊ฐ• ์ƒํƒœ๋ฅผ ์ƒ์„ธํžˆ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

2. ๊ฑด๊ฐ• ํŒ ์•Œ๋ฆผ

  • ์ผ์ผ ์•Œ๋ฆผ: ๋ฐฐ๋ณ€๊ณผ ๊ด€๋ จ๋œ ๊ฑด๊ฐ• ํŒ์ด๋‚˜ ์ƒํ™œ ์Šต๊ด€ ๊ฐœ์„ ์„ ์œ„ํ•œ ์œ ์šฉํ•œ ์ •๋ณด๋ฅผ ๋งค์ผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

3. ๊ฑด๊ฐ• ๋ชฉํ‘œ ์„ค์ •

  • ๋ชฉํ‘œ ๊ด€๋ฆฌ: ๊ทœ์น™์ ์ธ ๋ฐฐ๋ณ€ ์Šต๊ด€์ด๋‚˜ ํ•˜๋ฃจ ๋ฌผ ์„ญ์ทจ๋Ÿ‰ ๊ฐ™์€ ๊ฑด๊ฐ• ๋ชฉํ‘œ๋ฅผ ์„ค์ •ํ•˜๊ณ , ์ด๋ฅผ ๋‹ฌ์„ฑํ–ˆ๋Š”์ง€ ์ถ”์ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

4. ๋ฐฐ๋ณ€ ํŒจํ„ด ๋ถ„์„

  • ํŒจํ„ด ์‹œ๊ฐํ™”: ์ฃผ๊ฐ„ ๋ฐ ์›”๊ฐ„ ๋‹จ์œ„๋กœ ๋ฐฐ๋ณ€ ๋นˆ๋„๋ฅผ ์‹œ๊ฐ์ ์œผ๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๊ฐœ์ธ์˜ ๋ฐฐ๋ณ€ ํŒจํ„ด์„ ํŒŒ์•…ํ•˜๊ณ , ๊ฑด๊ฐ• ๊ด€๋ฆฌ์— ๋„์›€์„ ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ›  ๊ธฐ์ˆ  ์Šคํƒ

ํ”„๋ก ํŠธ์—”๋“œ

  • Next.js 14: ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)๊ณผ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG)์„ ์ง€์›ํ•˜๋Š” React ๊ธฐ๋ฐ˜ ํ”„๋ ˆ์ž„์›Œํฌ
  • TypeScript: ์ •์  ํƒ€์ž…์„ ์ง€์›ํ•˜๋Š” JavaScript์˜ ์Šˆํผ์…‹์œผ๋กœ, ์•ˆ์ •์„ฑ๊ณผ ๊ฐ€๋…์„ฑ์„ ํ–ฅ์ƒ
  • Vanilla Extract: CSS์˜ ํƒ€์ž… ์•ˆ์ „์„ฑ์„ ์ œ๊ณตํ•˜๋Š” ์Šคํƒ€์ผ๋ง ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
  • Zustand: ๊ฐ„๋‹จํ•˜๊ณ  ์ง๊ด€์ ์ธ ์ƒํƒœ ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

๋ฐฑ์—”๋“œ

  • Supabase: ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋ฐ ์ธ์ฆ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” ์˜คํ”ˆ ์†Œ์Šค ๋ฐฑ์—”๋“œ ์„œ๋น„์Šค
  • Next.js API Routes: Next.js์˜ ์„œ๋ฒ„๋ฆฌ์Šค API ๋ผ์šฐํŠธ๋ฅผ ํ™œ์šฉํ•˜์—ฌ, ๊ฐ„๋‹จํ•œ ์„œ๋ฒ„ ๊ธฐ๋Šฅ๊ณผ API๋ฅผ ๊ตฌํ˜„

AWS

  • GitHub Actions: ์ž๋™ํ™”๋œ ์›Œํฌํ”Œ๋กœ์šฐ ๊ด€๋ฆฌ ๋ฐ CI/CD ํŒŒ์ดํ”„๋ผ์ธ์„ ๊ตฌ์ถ•ํ•˜์—ฌ, ๊ฐœ๋ฐœ ๋ฐ ๋ฐฐํฌ ํ”„๋กœ์„ธ์Šค๋ฅผ ์ตœ์ ํ™”
  • ECR (Elastic Container Registry): ์ปจํ…Œ์ด๋„ˆ ์ด๋ฏธ์ง€๋ฅผ ์ €์žฅํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” AWS ์„œ๋น„์Šค. ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ Docker ์ด๋ฏธ์ง€๋ฅผ ์ด๊ณณ์— ์ €์žฅ
  • ECS (Elastic Container Service) - Fargate: AWS์—์„œ ์ œ๊ณตํ•˜๋Š” ์„œ๋ฒ„๋ฆฌ์Šค ์ปจํ…Œ์ด๋„ˆ ์˜ค์ผ€์ŠคํŠธ๋ ˆ์ด์…˜ ์„œ๋น„์Šค

ํŒจํ‚ค์ง€๋งค๋‹ˆ์ €

  • PNPM: ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ €๋กœ, ์ค‘๋ณต๋œ ํŒจํ‚ค์ง€๋ฅผ ๋งํฌ ๋ฐฉ์‹์œผ๋กœ ๊ด€๋ฆฌํ•˜์—ฌ ์„ค์น˜ ์†๋„๊ฐ€ ๋น ๋ฅด๊ณ  ๋””์Šคํฌ ์‚ฌ์šฉ๋Ÿ‰์„ ์ค„์—ฌ์คŒ

๐Ÿš€ ์„ค์น˜ ๋ฐ ์‹คํ–‰

๋กœ์ปฌ ํ™˜๊ฒฝ์—์„œ ์‹คํ–‰ํ•˜๊ธฐ

  1. ๋ ˆํฌ์ง€ํ† ๋ฆฌ๋ฅผ ํด๋ก ํ•ฉ๋‹ˆ๋‹ค:

    git clone https://github.com/yourusername/eungeori.git
  2. ์˜์กด์„ฑ์„ ์„ค์น˜ํ•ฉ๋‹ˆ๋‹ค:

    cd eungeori
    pnpm install
  3. ๊ฐœ๋ฐœ ์„œ๋ฒ„๋ฅผ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค:

    pnpm run dev
  4. ๋ธŒ๋ผ์šฐ์ €์—์„œ http://localhost:3000์„ ์—ด์–ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ“ธ ์ฐธ๊ณ  ์ž๋ฃŒ

์ฐธ๊ณ ํ•œ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ์Šคํฌ๋ฆฐ์ƒท

์•„๋ž˜๋Š” ์ฐธ๊ณ ํ•œ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์Šคํฌ๋ฆฐ์ƒท์ž…๋‹ˆ๋‹ค.

์ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ๋ด„ ์บ˜๋ฆฐ๋”๋กœ์„œ ์ƒ๋ฆฌ ํ™œ๋™ ๊ธฐ๋ก๊ณผ ๋ถ„์„์„ ์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ฐธ๊ณ ํ•˜์—ฌ, ์œ ์‚ฌํ•œ UX/UI๋ฅผ ์ œ๊ณตํ•˜๋„๋ก ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

image image image image image

About

๐Ÿงป ์‚ฌ์šฉ์ž์˜ ๋ฐฐ๋ณ€ ํ™œ๋™์„ ๊ธฐ๋กํ•˜๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published