Skip to content

7-lin/Final_Project_FE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

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

Repository files navigation

7lin'-GoTogether

< KDT3 Front-End : Final Project Team7 >


1. ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ ๐Ÿ’

ํ”„๋กœ์ ํŠธ ์„ค๋ช…

  • ํŒจ์ŠคํŠธ์บ ํผ์Šค์˜ ํ•€ํ…Œํฌ ํŒŒ์ด๋„ ํ”„๋กœ์ ํŠธ๋กœ ์ง„ํ–‰๋œ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.
  • ๋”์ƒค์•„๋‹ˆ์˜ ๊ณ ํˆฌ๊ฒŒ๋” ๋ฐ˜์‘ํ˜• ์›นํŽ˜์ด์ง€ ๋ฆฌ๋‰ด์–ผ๋กœ ์‹œ๋‹ˆ์–ด๋ฅผ ๋Œ€์ƒ์œผ๋กœ ํ•œ ์—ฌํ–‰ ํŒจํ‚ค์ง€ ์ƒํ’ˆ ๊ฒ€์ƒ‰ ๋ฐ ์ถ”์ฒœ ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.
  • ์ฃผ๋œ ๊ธฐ๋Šฅ์œผ๋กœ๋Š” ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž…, ์ƒํ’ˆ๊ฒ€์ƒ‰, ์ƒํ’ˆ์ถ”์ฒœ, ์ƒํ’ˆ์˜ˆ์•ฝ, ์ฐœ(์œ„์‹œ๋ฆฌ์ŠคํŠธ), ํ›„๊ธฐ ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ ๊ธฐ๊ฐ„

  • ๊ธฐํš: 2023.3.06 ~ 2023.3.19
  • ๊ฐœ๋ฐœ: 2023.3.20 ~ 2023.4.10

๋งํฌ ๋ชจ์Œ

ย ย 



2. ํŒ€์› ์†Œ๊ฐœ & ์—ญํ•  ๋ถ„๋‹ด ๐Ÿ‘ฅ

์†Œ์žฌํ—Œ๐Ÿ‘‘ ๊ฐ•ํ˜„์ฃผ ๊น€ํ˜œ์ธ ๊น€ํšจ์ง„
ํšŒ์›๊ฐ€์ž…, ๋กœ๊ทธ์ธ
์•„์ด๋””, ๋น„๋ฐ€๋ฒˆํ˜ธ ์ฐพ๊ธฐ
์ดˆ๊ธฐ์„ธํŒ…, ๋‚ด ์ •๋ณด ์ˆ˜์ •
์˜ˆ์•ฝ ๋‚ด์—ญ ์กฐํšŒ ๋ฐ ์ทจ์†Œ
์ฐœ(์œ„์‹œ๋ฆฌ์ŠคํŠธ) ๋ชฉ๋ก ์กฐํšŒ, ์ถ”๊ฐ€, ์‚ญ์ œ
๋ฉ”์ธ ํŽ˜์ด์ง€
ํ—ค๋”, ํ‘ธํ„ฐ
์—ฌํ–‰ ์œ ํ˜• ํ…Œ์ŠคํŠธ/์ƒํ’ˆ ์ถ”์ฒœ
๊ทธ๋ฃน์ถ”์ฒœ ์„ค๋ฌธ ์ฑ—๋ด‡
์˜ˆ์•ฝ/๊ฒฐ์ œ ํŽ˜์ด์ง€
???
???
???
???
???
???



4. ๊ธฐ์ˆ  ์Šคํƒ โš™๏ธ



5. ํ˜‘์—… ๋ฐฉ์‹ ๐Ÿค

  • Github
    ํŒ€ ๋ ˆํฌ์ง€ํ† ๋ฆฌ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.
    develop ๋ธŒ๋žœ์น˜์™€ ๊ฐ์ž์˜ ์ด๋ฆ„์œผ๋กœ ๋ธŒ๋žœ์น˜๋ฅผ ์ƒ์„ฑํ•˜๊ณ ,
    ์ž‘์—…์ด ๋๋‚˜๋ฉด ๊ฐ์ž์˜ ๋ธŒ๋žœ์น˜๋กœ push ํ›„ pull request๋ฅผ ๋‚จ๊ธฐ๋ฉด ํŒ€์žฅ์ด merge ํ–ˆ์Šต๋‹ˆ๋‹ค.
  • Notion
    ํŒ€์›๋ณ„ ์ง„ํ–‰ ๊ณผ์ •์„ ๊ณต์œ ํ•˜๊ณ  ํšŒ์˜๋ก์„ ์ž‘์„ฑํ•  ๋•Œ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.
  • Slack
    ๊ฐ„๋‹จํ•œ ์งˆ์˜/์‘๋‹ต/์š”์ฒญ ๋“ฑ์„ ์œ„ํ•œ ๋ฉ”์‹ ์ €, ํ˜น์€ pull request ์•Œ๋ฆฌ๋ฏธ๋กœ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.
  • Gather Town
    ํšŒ์˜ํ•  ๋•Œ ์ฃผ๋กœ ์‚ฌ์šฉํ–ˆ๊ณ , ์„ค๋ช…์ด ํ•„์š”ํ•œ ๋ถ€๋ถ„๋“ค์€ ํ™”๋ฉด๋„ ์ข…์ข… ๊ณต์œ ํ–ˆ์Šต๋‹ˆ๋‹ค.



6. ์‹œ์—ฐ

ํšŒ์›๊ฐ€์ž…


๋กœ๊ทธ์ธ


์ฑ—๋ด‡


์—ฌํ–‰ํ…Œ์ŠคํŠธ ๋ฐ ์ƒํ’ˆ์ถ”์ฒœ


๊ฒ€์ƒ‰


์ฐœ ๋“ฑ๋ก ๋ฐ ์ทจ์†Œ

  • ์ฐœ ๋“ฑ๋ก

  • ์ฐœ ์ทจ์†Œ


์ƒ์„ธํŽ˜์ด์ง€, ์žฅ๋ฐ”๊ตฌ๋‹ˆ ํŽ˜์ด์ง€


์˜ˆ์•ฝ ๊ฒฐ์ œ


์˜ˆ์•ฝ ์กฐํšŒ ๋ฐ ์ทจ์†Œ


์นดํ…Œ๊ณ ๋ฆฌ

  • ์นดํ…Œ๊ณ ๋ฆฌ ์ •๋ ฌ
  • ์นดํ…Œ๊ณ ๋ฆฌ ํ•„ํ„ฐ
  • ์นดํ…Œ๊ณ ๋ฆฌ ํŽ˜์ด์ง€ ๋„˜๊ธฐ๊ธฐ
  • ์„œ๋ธŒ์นดํ…Œ๊ณ ๋ฆฌ ์„ ํƒ

๊ณต์ง€์‚ฌํ•ญ


๊ฐœ์ธ์ •๋ณด ์ˆ˜์ •


์•„์ด๋”” ์ฐพ๊ธฐ


๋น„๋ฐ€๋ฒˆํ˜ธ ์ฒฎ๊ธฐ



7. ๋Š๋‚€ ์ , ์ข‹์•˜๋˜ ์ , ์•„์‰ฌ์šด ์ 

์†Œ์žฌํ—Œ

  • ์ฒ˜์Œ์œผ๋กœ FE, BE, UX/UI 3๊ฐœ์˜ ๋ถ„์•ผ๊ฐ€ ํ•œํŒ€์œผ๋กœ ํ˜‘์—…์„ ํ•ด๋ณด์•˜๋Š”๋ฐ ์†Œํ†ต์ด ์–ผ๋งˆ๋‚˜ ์–ด๋ ค์šด ์ผ์ธ์ง€ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค. ๋‚˜๋ฆ„ ํ˜‘์—…์„ ์ž˜ํ•˜๋Š” ํŽธ์ด๋ผ๊ณ  ์Šค์Šค๋กœ ์ƒ๊ฐํ–ˆ์—ˆ๋Š”๋ฐ ๊ทธ๋ž˜๋„ ์‰ฝ์ง€ ์•Š์•˜๋‹ค. ๊ทธ๋ฆฌ๊ณ  FE ํŒ€์žฅ ์—ญํ• ์„ ๊ทธ๋ž˜๋„ ๋‚˜์˜์ง€ ์•Š๊ฒŒ ์ž˜ ํ•œ ๊ฒƒ ๊ฐ™๋‹ค. ํŒ€์›๋“ค๋„ ์ •๋ง ์ž˜ํ•ด์ค˜์„œ ์ •๋ง ๊ณ ๋งˆ์› ๋‹ค.
  • react-query, recoil ๋“ฑ ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ๋“ค์„ ์‚ฌ์šฉํ•ด ๋ณผ ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์•˜๋‹ค.
  • ๊ธฐํš์„ ํ•˜๋Š”๋ฐ ๊ฑธ๋ฆฐ ์‹œ๊ฐ„์ด ๊ธธ์–ด์„œ ๊ฐœ๋ฐœ ์‹œ๊ฐ„์ด ์ƒ๋Œ€์ ์œผ๋กœ ์งง์•˜๋˜ ๋ถ€๋ถ„์ด ์•„์‰ฝ๋‹ค.
  • ์งง์€ ๊ฐœ๋ฐœ ์‹œ๊ฐ„ ํƒ“์— ์™„์„ฑ๋„ ์ธก๋ฉด์—์„œ ๋–จ์–ด์ง„ ์ ์ด ์•„์‰ฝ๋‹ค.

๊ฐ•ํ˜„์ฃผ

  • ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•ด๋ณธ ๊ฒฝํ—˜์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ๋ฆฌ์ฝ”์ผ์„ ์‚ฌ์šฉํ•ด๋ณด๊ณ  ์ต์ˆ™ํ•ด์ง€๋Š” ๊ฒƒ์ด ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ์˜ ๊ฐœ์ธ ๋ชฉํ‘œ ์ค‘ ํ•˜๋‚˜์˜€๋Š”๋ฐ, ์ฑ—๋ด‡ ๊ธฐ๋Šฅ์„ ๋งŒ๋“ค๋ฉฐ ๊ณต๋ถ€ํ•ด๋ณผ ์ˆ˜ ์žˆ์–ด ์ข‹์•˜๋‹ค.
  • ์‹œ๊ฐ„์ด ๋ถ€์กฑํ•ด ๊ธฐ์กด ์„œ๋น„์Šค์—์„œ ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ์—ˆ๋˜ ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ๋“ค์€ ๊ตฌํ˜„ํ•˜์ง€ ๋ชปํ•ด ์•„์‰ฝ๋‹ค.
  • react-query์— ๋Œ€ํ•ด ์•„๋ฌด๊ฒƒ๋„ ๋ชจ๋ฅด๋Š” ์ƒํƒœ์—์„œ ํ”„๋กœ์ ํŠธ์— ์ฒ˜์Œ ์‚ฌ์šฉํ•ด ๋ณธ ๊ฑฐ๋ผ ์™„๋ฒฝํžˆ ์ดํ•ดํ•˜์ง€ ๋ชปํ•œ ๊ฒƒ ๊ฐ™๋‹ค. ์ถ”๊ฐ€์ ์œผ๋กœ ๊ณต๋ถ€๋ฅผ ํ•ด์•ผ ํ•  ํ•„์š”๋ฅผ ๋Š๊ผˆ๋‹ค.

๊น€ํ˜œ์ธ

๊น€ํšจ์ง„