Skip to content

๐Ÿฅ• ๋‹น๊ทผ๋งˆ์ผ“์„ ํด๋ก ์ฝ”๋”ฉํ•œ ์™€ํ”Œ๋งˆ์ผ“ Client

Notifications You must be signed in to change notification settings

lerrybe/waffle-market

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

team3-web

โ–ถ๏ธ ๋™์ผ ํ”„๋กœ์ ํŠธ์˜ server repository

๐Ÿง‡ Waffle-Market

๐Ÿฅ• ๋‹น๊ทผ๋งˆ์ผ“ ํด๋ก  ์ฝ”๋”ฉ, ์™€ํ”Œ๋งˆ์ผ“ Client

  • ๋‹น๊ทผ๋งˆ์ผ“ ๊ธฐ๋Šฅ์„ ํด๋ก  ์ฝ”๋”ฉํ•œ ์™€ํ”Œ๋งˆ์ผ“ client์ž…๋‹ˆ๋‹ค.
  • ๋‹จ์ˆœ ๊ฒŒ์‹œํŒ ๊ธฐ๋Šฅ ์™ธ์— ์˜ˆ์•ฝ, ๊ฑฐ๋ž˜, ์ฑ„ํŒ… ๋“ฑ์˜ ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ์ด ๋”ํ•ด์ง„ ์„œ๋น„์Šค๋ฅผ ๊ตฌํ˜„ํ•ด๋ณด๋ฉด์„œ ๊ตฌ์„ฑ์›๋“ค์˜ ๊ฐœ๋ฐœ ์‹ค๋ ฅ ์„ฑ์žฅ์„ ์ด๋ฃจ๊ณ ์ž ํ–ˆ๊ณ , ์„œ๋น„์Šค ๊ธฐํš์— ์ธํ’‹์„ ์ค„์ด๊ธฐ ์œ„ํ•ด ๊ธฐ์กด์— ์žˆ๋Š” ์„œ๋น„์Šค๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํด๋ก  ์ฝ”๋”ฉ์„ ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

๐Ÿ˜Ž ์„œ๋น„์Šค ์†Œ๊ฐœ ์˜์ƒ ๋ฐ ์‚ฌ์ง„

A1 (300 DPI)


๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ ๋ˆ„๊ฐ€ ๋งŒ๋“ค์—ˆ๋‚˜์š”? (web client)

๊น€์˜ˆ์ง€(lerrybe) ๋ฐฑ๋ฏผํ™(roddywhite) ์œ ์ฐฝ๋ฏผ(fluentmin)

๐Ÿ›๏ธ ํด๋ผ์ด์–ธํŠธ ๋ฐ ์„œ๋ฒ„ ๊ตฌ์กฐ

image


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




๐Ÿง‘โ€๐Ÿ’ปConvention

  • ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๊ธฐ ์ „ ์•„๋ž˜์™€ ๊ฐ™์€ ์ปจ๋ฒค์…˜์„ ์ •ํ•จ์œผ๋กœ์จ ์ฝ”๋“œ ๊ด€๋ฆฌ์— ํšจ์œจ์„ฑ์„ ๋†’์˜€์Šต๋‹ˆ๋‹ค.

๐Ÿ‘” Code Convention

  • ํŒ€์› ๊ฐ„ ์ฝ”๋“œ ์Šคํƒ€์ผ์„ ๋งž์ถ”๊ณ  ๊ฐ€๋…์„ฑ์„ ๋†’์—ฌ ์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ์›ํ• ํ•˜๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด eslint์™€ Prettier๋ฅผ ์‚ฌ์šฉํ•˜์˜€์Šต๋‹ˆ๋‹ค.
  • husky๋ฅผ ํ†ตํ•ด, ์ปค๋ฐ‹ ์ „ ์ฝ”๋“œ ํฌ๋งทํŒ…์„ ์ž๋™ํ™”ํ•จ์œผ๋กœ์จ ๊ฐœ๋ฐœ ํšจ์œจ์„ ๋†’์ด๊ณ ์ž ํ•˜์˜€์Šต๋‹ˆ๋‹ค.
  • Github Action ์„ ์ด์šฉํ•˜์—ฌ main ๋ธŒ๋žœ์น˜์— PR ์˜ฌ๋ฆด๋•Œ๋งˆ๋‹ค ์ž๋™์œผ๋กœ ์Šคํƒ€์ผ ๊ฒ€์‚ฌ๋ฅผ ํ•˜๋„๋ก ์„ค์ •ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

๐Ÿ˜Ž Commit Convention

  • ์•„๋ž˜์™€ ๊ฐ™์€ ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜์„ ํ†ตํ•ด ์„œ๋กœ์˜ ์ž‘์—…๋ฌผ์ด ์–ด๋–ค ์œ ํ˜•์˜ ๊ฒƒ์ธ์ง€ ํŒŒ์•…ํ•˜๊ธฐ ์‰ฝ๋„๋ก ํ•˜์˜€์Šต๋‹ˆ๋‹ค. แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2023-02-01 แ„‹แ…ฉแ„’แ…ฎ 11 26 44

โ›™ Git Branch ์ „๋žต ๋ฐ Merge ์ „๋žต

แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2023-02-01 แ„‹แ…ฉแ„’แ…ฎ 11 43 46

  • Github-flow๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.
    • ํฌ์ง€ ์•Š์€ ์‚ฌ์ด์ฆˆ์˜ ํ† ์ดํ”„๋กœ์ ํŠธ์˜€๊ธฐ ๋•Œ๋ฌธ์— ๊ฐ„๋‹จํ•œ Branching ์ „๋žต์ธ Github-flow๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.
    • ๊ฐ์ž์˜ ์ž‘์—…๋ฌผ์€ feature ๋ธŒ๋žœ์น˜๋ฅผ ๋งŒ๋“ค์–ด ๊ด€๋ฆฌํ–ˆ์œผ๋ฉฐ, ์™„์„ฑํ•œ ์ž‘์—…๋ฌผ์€ main ๋ธŒ๋žœ์น˜์— Squash Merge ์ „๋žต์„ ์‚ฌ์šฉํ•ด ํ•ฉ์ณค์Šต๋‹ˆ๋‹ค.
  • ์•„๋ž˜์™€ ๊ฐ™์€ ๊ทผ๊ฑฐ๋กœ Merge ์ „๋žต์€ Squash Merge ์ „๋žต์„ ํƒํ–ˆ์Šต๋‹ˆ๋‹ค.
    • ๊ฐ์ž ์ž‘์—…ํ•œ ๊ฒฐ๊ณผ๋ฌผ์˜ ์™„์„ฑ๋ณธ์ด main ๋ธŒ๋žœ์น˜์˜ ๊ด€์‹ฌ์‚ฌ์˜€๋˜ ์ 
    • PR์„ ๋‚ ๋ฆฌ๋Š” ๋‹จ์œ„๋ฅผ ์ž‘๊ฒŒ ํ•˜์ž๊ณ  ๋ฏธ๋ฆฌ ํ˜‘์˜ํ•œ ์ 
    • ๊ฐ์ž ์ž‘์—…๋ฌผ์˜ ํžˆ์Šคํ† ๋ฆฌ๋Š” main ๋ธŒ๋žœ์น˜์— ๋‚จ๊ธฐ๊ธฐ๋ณด๋‹ค๋Š” ๋กœ์ปฌ์— ๋‚จ๊ฒจ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ํŽธํ•˜๊ฒ ๋‹ค๊ณ  ํŒ๋‹จํ•œ ์ 

๐Ÿ“– ๊ธฐ์ˆ ์ ์ธ ์ด์Šˆ ๋ฐ ๊ฐœ๋ฐœ ๊ณผ์ •์„ ๊ฒช์œผ๋ฉฐ ๋ฉ”๋ชจํ•œ ๋…ธํŠธ

1. ๊ธฐ์ˆ  ์Šคํƒ ์„ ์ • ์ด์œ 

2. ๋ฐฑ์—”๋“œ์™€ ํ”„๋ก ํŠธ์—”๋“œ์˜ ๋ณ‘๋ ฌ์  ๊ฐœ๋ฐœ ์ƒํ™ฉ์—์„œ์˜ ํ•ด๊ฒฐ๋ฐฉ์•ˆ, msw

3. ํ† ํฐ ๊ด€๋ฆฌํ•˜๊ธฐ

4. ์ฑ„ํŒ… ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•˜๊ธฐ

5. ๋žœ๋”ฉ ํŽ˜์ด์ง€ ์„ฑ๋Šฅ ๊ฐœ์„ ํ•˜๊ธฐ

6. ์†Œ์…œ ๋กœ๊ทธ์ธ ๋ฐ ํšŒ์›๊ฐ€์ž…

7. ์†Œ์…œ ๋กœ๊ทธ์ธ์—์„œ ํ”„๋ก ํŠธ์—”๋“œ์™€ ๋ฐฑ์—”๋“œ์˜ ์—ญํ•  ๋ถ„๋‹ด

8. ํŽ˜์ด์ง€๋ณ„ ์ ‘๊ทผ์ œ์–ด ์„ค์ • ๋กœ์ง ํ†ต์ผํ™”

9. ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง• ์ด์Šˆ

10. ํ”„๋ก ํŠธ์—”๋“œ ํ˜‘์—… ์ž‘์—… ๋ฐฉ์‹

11. ์œ„์น˜์ •๋ณด api ์‚ฌ์šฉ๊ธฐ

12. CI / CD, github actions, aws s3 cloudfront

13. ๋ฐ˜์‘ํ˜• UI



๐ŸŽ‰ ๊ฐ์ž ์†Œ๊ฐ ๋ฐ ์„œ๋กœ์—๊ฒŒ..

๋ฏผํ™
์‚ฌ์‹ค ์ €ํฌ๊ฐ€ ์ด๊ฒƒ์ €๊ฒƒ ๊ตฌํ˜„ํ•ด์•ผ ํ•  ํŽ˜์ด์ง€, ๊ธฐ๋Šฅ๋“ค์ด ๋งŽ์•„์„œ ๋‹ค ๊ผผ๊ผผํ•˜๊ฒŒ ์‹ ๊ฒฝ์“ฐ๋Š” ๊ฒƒ์ด ์‰ฝ์ง€ ์•Š์„๊ฑฐ๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋Š”๋ฐ
์ •๋ง ์‹ค์ œ ์„œ๋น„์Šค ์˜คํ”ˆํ•˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋นˆํ‹ˆ ์—†๋Š” ๊ฒฐ๊ณผ๋ฌผ์„ ๋‚ด๋ ค๊ณ  ๋‹ค๋“ค ์—ด์„ ์˜ฌ๋ฆฌ๋Š” ๋ชจ์Šต์ด ๋„ˆ๋ฌด ๋ฉ‹์žˆ์—ˆ๊ณ  โ€˜๋ญ˜ ํ•ด๋„ ๋  ์‚ฌ๋žŒ๋“คโ€™์ด๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋„ค์š”..
์˜ˆ์ง€๋‹˜.. ๋ผˆ๋Œ€๋ฅผ ๋„ˆ๋ฌด ์ž˜ ์žก์•„์ฃผ์…”์„œ ํŽธํ•˜๊ฒŒ ์ฝ”๋“œ ์งฐ๋„ค์š”.. ์ฐฝ๋ฏผ๋‹˜.. ๋ชธ์ด ๋‘ ๊ฐœ์ธ ๊ฒƒ์ฒ˜๋Ÿผ ์‚ด์•„์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ด์š”..
๋ฐฑ์—”๋“œ ๋ถ„๋“ค๊ป˜๋„ ๋„ˆ๋ฌด ๊ฐ์‚ฌํ•œ๊ฒŒ ์ •๋ง ๋น ๋ฅด๊ฒŒ ๋นˆํ‹ˆ์—†์ด ์ž‘์—…ํ•ด์ฃผ์…”์„œ ์ž‘์—…ํ•˜๊ธฐ ๋„ˆ๋ฌด ์ˆ˜์›”ํ–ˆ์Šต๋‹ˆ๋‹ค..
๋‹คํ˜œ๋‹˜๋„ ํ•ฉ๋ฅ˜ ์ „๊ณผ ํ›„ ํ€„๋ฆฌํ‹ฐ๊ฐ€ ํ™• ์ฐจ์ด๋‚˜๋Š”๊ฑธ ๋ณด๊ณ  ์ƒ๋‹นํ•œ ์กด์žฌ๊ฐ์„ ๋Š๊ผˆ์Šต๋‹ˆ๋‹ค..
๋„ˆ๋ฌด ๋งŽ์ด ๋ฐฐ์šฐ๊ณ  ์ข‹์€ ์—๋„ˆ์ง€๋ฅผ ์–ป์–ด์„œ ๊ธฐ๋ถ„์ด ์ข‹์Šต๋‹ˆ๋‹คโ€ฆ!!!
์ฐฝ๋ฏผ
๐Ÿ™‡โ€โ™‚๏ธ๋จผ์ € ํŒ€์›๋ถ„๋“ค๊ป˜ ์ ˆ ํ•œ ๋ฒˆ ํ•˜๊ณ  ์‹œ์ž‘ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค๐Ÿ™‡โ€โ™‚๏ธ
์ธํ„ดํ•˜๋ฉฐ ํ† ์ดํ”Œ์ ์„ ํ•˜๋‹ค๋ณด๋‹ˆ ํŒ€์›๋ถ„๋“ค, ํŠนํžˆ FE ์˜ˆ์ง€๋‹˜๊ณผ ๋ฏผํ™๋‹˜์œผ๋กœ๋ถ€ํ„ฐ ์ •๋ง ๋งŽ์€ ๋„์›€ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค.. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹คใ… ใ… ใ… 
๋ฐฑ์—”๋“œ ๋ถ„๋“ค ๋ฐ ๋””์ž์ด๋„ˆ ๋‹คํ˜œ๋‹˜๊ป˜๋„ ์—„์ฒญ ๋งŽ์€ ๋„์›€ ๋ฐ›์•˜์–ด์š”,, ํšŒ์›๊ฐ€์ž… ํŽ˜์ด์ง€ ๋””์ž์ธ ๋น„ํฌ์• ํ”„ํ„ฐ ์‚ฌ์ง„์„ ์ฒจ๋ถ€ํ•˜๊ณ  ์‹ถ์€๋ฐ ๋ถ€๋„๋Ÿฌ์›Œ์„œ ๋ชป ํ•˜๊ฒ ์Šต๋‹ˆ๋‹คใ…‹ใ…‹ใ…‹
๊ทธ๋™์•ˆ์€ ํ˜ผ์ž ์ฝ”๋”ฉ์„ ํ•ด์™”๋‹ค๋ณด๋‹ˆ ๊ฐœ๋ฐœ ๊ณผ์ •์—์„œ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค๊ณผ์˜ ํ˜‘์—…์„ ๊ฒฝํ—˜ํ•ด๋ณธ ๊ฒƒ์ด ์ฒ˜์Œ์ด์—ˆ๋Š”๋ฐ, ํ˜‘์—…์˜ ์ˆœ๊ธฐ๋Šฅ์„ ๋ชธ์†Œ ์ฒดํ—˜ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.
ํ”Œ์ ์„ ํ•˜๋Š” ๋„์ค‘ ํ•จ๊ป˜ ์ผํ•˜๋Š” ๊ฑด ์ปดํ“จํ„ฐ ํ™”๋ฉด ๋„ˆ๋จธ์˜ ์‚ฌ๋žŒ๋“ค์ด๋ผ๋Š” ๊ฑธ ๋Š๋ผ๋Š” ์ˆœ๊ฐ„์ด ๊ฝค ๋งŽ์•˜๊ณ ,
์นญ์ฐฌ์„ ์—ฌ๋Ÿฌ๋ฒˆ ํ–ˆ๋Š”๋ฐ๋„ ๋ถ€์กฑํ•  ๋งŒํผ ๋Œ€๋‹จํ•œ ํŒ€์›๋ถ„๋“ค ๋งŒ๋‚˜์„œ ์ •๋ง ๊ฐ์‚ฌํ•˜๊ฒŒ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค..! ํ”Œ์  ๋๋‚˜๊ณ  ๋‚˜๋ฉด ์กฐ๊ธˆ ํ—ˆ์ „ํ•  ๊ฒƒ ๊ฐ™๋„ค์š”..
์˜ˆ์ง€
๋ฒŒ์จ ํ•œ ๋‹ฌ์ด ์ง€๋‚˜๋‹ค๋‹ˆ ๋ฏฟ์„ ์ˆ˜ ์—†์–ด์š” ๋•ƒ์‰ฌ..
์‚ฌ์‹ค ์„œ๋น„์Šค ํ•˜๋‚˜๋ฅผ ํ†ต์œผ๋กœ ๊ตฌํ˜„ํ•ด๋ณธ๋‹ค๋Š” ๊ฒŒ ์‰ฌ์›Œ๋ณด์ด์ง„ ์•Š์•˜์–ด์„œ, ์ฒ˜์Œ์—๋Š” ์ •๋ง ๋งŽ์ด ๊ฑฑ์ •ํ–ˆ๋Š”๋ฐ ํ˜‘์—…์€ ์ง„์งœ ๋†€๋ผ์šด ๊ฒƒ์ธ ๊ฒƒ ๊ฐ™์•„์š”..!
ํ˜ผ์ž์„œ๋Š” ์ ˆ๋Œ€ ๋ชปํ•ด๋‚ผ ์–‘ ์ด์—ˆ๋Š”๋ฐ ๋จธ๋ฆฌ ๋งž๋Œ€๊ณ  ๊ฐ™์ด ๊ณ ๋ฏผํ•˜๋‹ค๋ณด๋‹ˆ๊นŒ ํ•˜๋‚˜ํ•˜๋‚˜ ๋งŒ๋“ค์–ด์ง€๋”๋ผ๊ณ ์š”.
์‚ฌ์‹ค ์•„์ง๋„ ๋ถ€์กฑํ•œ๊ฒŒ ๋งŽ์ง€๋งŒ ์‰ฝ๊ฒŒ ์–ป์ง€๋ชปํ•  ์ •๋ง ๊ฐ’์ง„ ๊ฒฝํ—˜ ๋งŽ์ด ํ–ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.
์ผ๋‹จ '์–ด.. ํ•ด๋ณผ๊ฒŒ์š”'ํ•˜๋”๋‹ˆ ์–ผ๋งˆ ์•ˆ์ง€๋‚˜์„œ ๋‹ค ํ•ด๋ฒ„๋ฆฌ๋Š” ๋š๋”ฑ์ขŒ ๋ฏผํ™๋‹˜,
์‚ด์ธ์ ์ธ ์Šค์ผ€์ค„์—๋„ ์ €๊ฑธ ํ•ด๋‚ธ๋‹ค๊ณ ..?์‹ถ์€ ํ—ค๋ฅด๋ฏธ์˜จ๋Š ์ฐฝ๋ฏผ๋‹˜, ์šฐ๋ฆฌ ์„œ๋น„์Šค๋ฅผ 180๋„ ๋‹ฌ๋ผ์ง€๊ฒŒ ํ•ด์ค€ ์ตœ๊ณ ๋‹คํ˜œ๋‹˜,
๊ทธ๋ฆฌ๊ณ  ํญ๋ฐœ์ ์ธ ๊ฐœ๋ฐœ์†๋„๋กœ API ๊ฑฑ์ •์€ ํ•œ ๋ฒˆ๋„ ํ•˜์ง€ ์•Š๊ฒŒ ํ•ด์ฃผ์‹  3ํŒ€ ๋ฐฑ์—”๋“œ ๋ถ„๋“ค ์ •๋ง ๋„ˆ๋ฌด ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!
์ด๋ฒˆ ํ˜‘์—…์—์„œ ์ข‹์€ ์—๋„ˆ์ง€ ๋ฐ›์•„์„œ ๋„ˆ๋ฌด ํ–‰๋ณตํ•ฉ๋‹ˆ๋‹ค. ์•ž์œผ๋กœ๋„ ํ™”์ดํŒ…!!!

About

๐Ÿฅ• ๋‹น๊ทผ๋งˆ์ผ“์„ ํด๋ก ์ฝ”๋”ฉํ•œ ์™€ํ”Œ๋งˆ์ผ“ Client

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 98.1%
  • JavaScript 1.4%
  • Other 0.5%