Skip to content

kusitms-com/31th_Meetup_Team4_Sarangkkun_Front

Repository files navigation

๐Ÿช– ๊ณฐ์‹  ์ปคํ”Œ์„ ์œ„ํ•œ ๊ณต์œ  ์บ˜๋ฆฐ๋”

๊ธฐ์กด์˜ ๊ตฐ์ธ/๊ณฐ์‹  ์ปคํ”Œ์€ ๊ตฐ๋Œ€๋ผ๋Š” ์žฅ์†Œ์™€ ์—ฐ๋ฝ์˜ ์ œ์•ฝ์œผ๋กœ ์ธํ•ด ๋งŽ์€ ๋ฌธ์ œ๋ฅผ ๊ฒช์–ด์™”์Šต๋‹ˆ๋‹ค. ์ƒํ˜ธ ๋‹จ์ ˆ์ด ์ž์—ฐ์Šค๋Ÿฝ๊ณ , ์ด์— ๋ถˆํ™”๊ฐ€ ์ƒ๊ธธ ์‹œ์— ํ’€๊ธฐ ์–ด๋ ค์šด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๋ฌธ์ œ์ ์ด ๋”์šฑ ๊ฐ€์ค‘๋  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์€ ๊ตฐ์ธ/๊ณฐ์‹  ์ปคํ”Œ์ด ๊ฐ€์ง€๋Š” ํ•„์—ฐ์ ์ธ ์–ด๋ ค์›€์ž…๋‹ˆ๋‹ค.

์‚ฌ๋ž‘๊พผ์€ ์ƒํ˜ธ ์ดํ•ด(๊ฐ์ •, ์ผ์ •)๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ํ‘œํ˜„์„ ๋„์™€์ฃผ์–ด ๊ตฐ์ธ๊ณผ ๊ณฐ์‹ ์˜ ๊ด€๊ณ„ ์œ ์ง€๋ฅผ ๋•๋Š” ์ปคํ”Œ ๊ณต์œ  ์บ˜๋ฆฐ๋” ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.

์‚ฌ๋ž‘๊พผ ์„œ๋น„์Šค ๋ฐฐํฌ ์ฃผ์†Œ : https://www.sarangkkun.site

team4_thumbnail_web

๐Ÿ‘จโ€๐Ÿ‘งโ€๐Ÿ‘ฆย ํŒ€ ์†Œ๊ฐœ

ํŒ€๋ช… : ๋ฐฉ์‚ฐ์†Œ๋…„๋‹จ

๋ถ„์•ผ ์ด๋ฆ„ ํฌ์ง€์…˜ ๋‚ด์šฉ
๊ธฐํš ๋ฐฉ์‚ฐ๋“ค ๐Ÿ“ˆย PM, ์„œ๋น„์Šค ๊ธฐํš ์œ ์ € ๋ฆฌ์„œ์น˜, ์™€์ด์–ดํ”„๋ ˆ์ž„ ์ž‘์„ฑ, ๊ธฐ๋Šฅ์ •์˜์„œ ์ž‘์„ฑ
๊ธฐํš ๊ฐ•ํ˜„๊ทœ ๐Ÿ“ˆ ์„œ๋น„์Šค ๊ธฐํš ์œ ์ € ๋ฆฌ์„œ์น˜, ์™€์ด์–ดํ”„๋ ˆ์ž„ ์ž‘์„ฑ, UX ๋ผ์ดํŒ…,
WBS์ž‘์„ฑ
๋””์ž์ธ ๋ฐ•์„ธ๋ฆฐ ๐ŸŽจ ๋””์ž์ธ ๋ฆฌ๋“œ ์„œ๋น„์Šค ๋ธŒ๋žœ๋”ฉ, UX/UI ๋””์ž์ธ, GUI ๋””์ž์ธ
๋””์ž์ธ ํ˜„๋ช…ํ™” ๐ŸŽจ ๋””์ž์ธ ์„œ๋น„์Šค ๋ธŒ๋žœ๋”ฉ, UX/UI ๋””์ž์ธ, GUI ๋””์ž์ธ
๊ฐœ๋ฐœ ์œค๋ณ‘ํ˜„ ๐Ÿ“ฑ ํ”„๋ก ํŠธ์—”๋“œ ๋ฆฌ๋“œ ํ™”๋ฉด UI ๊ตฌํ˜„, API ์—ฐ๋™
๊ฐœ๋ฐœ ๊น€์œ ๋ฏผ ๐Ÿ“ฑ ํ”„๋ก ํŠธ์—”๋“œ ํ™”๋ฉด UI ๊ตฌํ˜„, API ์—ฐ๋™
๊ฐœ๋ฐœ ์ „ํ˜ธ์˜ ๐Ÿ’ป ๋ฐฑ์—”๋“œ ๋ฆฌ๋“œ API ๊ตฌํ˜„, ERD ์„ค๊ณ„, ์„œ๋ฒ„ ๋ฐฐํฌ
๊ฐœ๋ฐœ ๊น€์˜๋ก ๐Ÿ’ป ๋ฐฑ์—”๋“œ API ๊ตฌํ˜„, ERD ์„ค๊ณ„, ์„œ๋ฒ„ ๋ฐฐํฌ

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

Frame 2087327984

๐Ÿ’ป ๊ฐœ๋ฐœ(Development)

๊นƒํ—ˆ๋ธŒ ๋ ˆํฌ์ง€ํ† ๋ฆฌ

๋ฐฐํฌ URL ๋ฐ API ๋ช…์„ธ์„œ

์‹œ์Šคํ…œ ์•„ํ‚คํ…์ณ Image


๐ŸŒŸย ํ”„๋ก ํŠธ์—”๋“œ

๐Ÿ”ง ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ  ์Šคํƒ

๊ธฐ์ˆ  ์„ค๋ช…
TypeScript ํƒ€์ž… ์•ˆ์ •์„ฑ์„ ํ†ตํ•ด ์œ ์ง€๋ณด์ˆ˜์„ฑ๊ณผ ๋ฆฌํŒฉํ„ฐ๋ง ํšจ์œจ ํ–ฅ์ƒ
React + Vite ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ๊ตฌ์กฐ + ๋น ๋ฅธ ๋ฒˆ๋“ค๋ง๊ณผ HMR ์ œ๊ณต
PWA ๋ชจ๋ฐ”์ผ ์„ค์น˜ ๊ฐ€๋Šฅ, ์›น ํ‘ธ์‹œ ์•Œ๋ฆผ ๋“ฑ ๊ธฐ๋Šฅ ์ œ๊ณต
Tailwind CSS ์œ ํ‹ธ๋ฆฌํ‹ฐ ๊ธฐ๋ฐ˜ CSS๋กœ ๋น ๋ฅด๊ณ  ์ผ๊ด€๋œ ์Šคํƒ€์ผ๋ง
shadcn/ui ์ ‘๊ทผ์„ฑ๊ณผ ์ปค์Šคํ„ฐ๋งˆ์ด์ง•์ด ๊ฐ•๋ ฅํ•œ UI ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
Zustand ๊ฐ„๋‹จํ•˜๊ณ  ๊ฐ€๋ฒผ์šด ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌ
React Query (@tanstack/react-query) ์„œ๋ฒ„ ์ƒํƒœ ๊ด€๋ฆฌ, ์บ์‹ฑ, ๋ฆฌํŽ˜์นญ ์ž๋™ํ™”
Axios HTTP ์š”์ฒญ/์‘๋‹ต ์ฒ˜๋ฆฌ ๋ฐ ์ธํ„ฐ์…‰ํ„ฐ ์„ค์ •
MSW API mocking์œผ๋กœ ํ”„๋ก ํŠธ ๊ฐœ๋ฐœ ๋ณ‘๋ ฌํ™” ์ง€์›
Vitest Vite์™€ ํ†ตํ•ฉ๋œ ๋น ๋ฅธ ํ…Œ์ŠคํŠธ ์‹คํ–‰ ํ™˜๊ฒฝ



๐ŸŒŸย ๋ฐฑ์—”๋“œ

ERD ์„ค๊ณ„๋„: Image


๐Ÿ”ง ๋ฐฑ์—”๋“œ ๊ธฐ์ˆ  ์Šคํƒ

๊ธฐ์ˆ  ์„ค๋ช…
Kotlin ๊ฐ„๊ฒฐํ•œ ๋ฌธ๋ฒ•, Java ํ˜ธํ™˜์„ฑ, Null ์•ˆ์ •์„ฑ
Spring Boot ์„ค์ • ์ž๋™ํ™”, ๋‚ด์žฅ ํ†ฐ์บฃ ์„œ๋ฒ„ ์ œ๊ณต
Spring Data JPA ๊ฐ์ฒด ์ค‘์‹ฌ์˜ DB ์ ‘๊ทผ, SQL ์ตœ์†Œํ™”
JUnit5 ์œ ์—ฐํ•œ ํ…Œ์ŠคํŠธ ์ž‘์„ฑ ๊ฐ€๋Šฅ
Mockito ์˜์กด์„ฑ ๋ชจํ‚น ๋ฐ ๋ฉ”์„œ๋“œ ํ˜ธ์ถœ ๊ฒ€์ฆ
CoderabbitAI AI ๊ธฐ๋ฐ˜ ์ฝ”๋“œ ๋ฆฌ๋ทฐ ๋ฐ ๋ณด์•ˆ/์„ฑ๋Šฅ ๊ฐœ์„ 
MySQL 8.x ์„ฑ๋Šฅ ํ–ฅ์ƒ, ๊ณต๊ฐ„ ๋ฐ์ดํ„ฐ ๋“ฑ ์ตœ์‹  ๊ธฐ๋Šฅ ์ œ๊ณต
Docker ๋ฐฐํฌ ๋ฐ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ํ†ต์ผํ™”
Github Actions CI/CD ์ž๋™ํ™” ํŒŒ์ดํ”„๋ผ์ธ ๊ตฌ์ถ•
Naver Cloud Platform (NCP) ๊ตญ๋‚ด ํด๋ผ์šฐ๋“œ ์ธํ”„๋ผ ์‚ฌ์šฉ (์„œ๋ฒ„, VPC, CDN ๋“ฑ)

๐ŸŸฉ NCP ์‚ฌ์šฉ ์Šคํƒ

์„œ๋น„์Šค ์‚ฌ์šฉ ๋ชฉ์  ๋ฐ ์„ค๋ช…
Server ๋ฐฑ์—”๋“œ ๋ฐฐํฌ ์„œ๋ฒ„๋กœ ์‚ฌ์šฉ
VPC (Virtual Private Cloud) ํด๋ผ์šฐ๋“œ ๋‚ด ์ „์šฉ ๋„คํŠธ์›Œํฌ ํ™•๋ณด๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉ
Container Registry ๋ฐฑ์—”๋“œ ๋ฐ ํ”„๋ก ํŠธ์—”๋“œ Docker ์ด๋ฏธ์ง€ ์ €์žฅ์šฉ ์‚ฌ์„ค ๋ ˆ์ง€์ŠคํŠธ๋ฆฌ ์‚ฌ์šฉ
- Public Registry์˜ ๋ณด์•ˆ ์ด์Šˆ ๋ฐฉ์ง€
- ์ด๋ฏธ์ง€์˜ ์ทจ์•ฝ์  ๋ถ„์„ ๋ฐ ๋ณด์•ˆ์„ฑ ํ–ฅ์ƒ
Object Storage ์ด๋ฏธ์ง€ ์ •์  ํŒŒ์ผ ์ €์žฅ ๋ฐ ์ œ๊ณต
- NCP CDN๊ณผ ์—ฐ๊ฒฐํ•˜์—ฌ ๋น ๋ฅด๊ณ  ํšจ์œจ์ ์ธ ์ฝ˜ํ…์ธ  ์ „๋‹ฌ

About

๐Ÿช– ๊ณฐ์‹  ์ปคํ”Œ์„ ์œ„ํ•œ ๊ณต์œ  ์บ˜๋ฆฐ๋”

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •