๐Ÿ“’ [ TIL ] 2022.05.03_12์ผ์ฐจ # ์ธ์Šคํƒ€ UIํด๋ก (3)

๋ฌธ๋ช…์ฃผยท2022๋…„ 5์›” 3์ผ
0
post-thumbnail

[ 2022-05-03 (ํ™”) ์˜ค๋Š˜์˜ TIL ]

[ Today Project ]

  • ์ธ์Šคํƒ€๊ทธ๋žจ UIํด๋ก  ๋ฐฑ์—”๋“œ๊ฐœ๋ฐœ+ ํ”„๋ก ํŠธ ์ถ”๊ฐ€๊ฐœ๋ฐœ
    : ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋Š” ํŒ€ํ”„๋กœ์ ํŠธ๋กœ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค.

[ Today Learn ]

  • S.A(Starting Assignment) ์ž‘์„ฑ
  • ๊ฐœ๋ฐœํ•ด์•ผ ํ•˜๋Š” ๊ธฐ๋Šฅ ๋ฐ DB ๊ตฌ์กฐ ์„ค๊ณ„
  • Project ์ง„ํ–‰์‹œ ๊ณ ๋ คํ•ด์•ผํ•  ๊ณ„ํš ์„ค๊ณ„

[๐Ÿน Project ๋ฐฐ๊ฒฝ ]

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

[๐Ÿน Project ์ง„ํ–‰์‹œ ๊ณ ๋ คํ•ด์•ผํ•  ๊ณ„ํš ]

  1. ๊นƒ ์ปค๋ฐ‹๋ฉ”์‹œ์ง€/ ์ปค๋ฐ‹๋‹จ์œ„ ๋ฃฐ ๋ฏธ๋ฆฌ ์ •ํ•˜๊ธฐ
  2. ์ฝ”๋“œ ๋ณ€์ˆ˜ ๋ฃฐ ์ •ํ•˜๊ธฐ
  3. ์ฝ”๋“œ ๊ตฌ์กฐ ์„ค๊ณ„ํ•œ๋ถ€๋ถ„ ์ดํ•ดํ•˜๊ธฐ
  4. ์ผ๊ด€๋œ Static/Templates ํŒŒ์ผ๋ช… ์ •ํ•˜๊ธฐ
  5. ํ˜„์žฌ ๋‚˜์˜ ์ž์„ธํ•œ ๊ฐœ๋ฐœ์ง„๋„์ƒํ™ฉ์—๋Œ€ํ•ด ํŒ€๋ผ๋ฆฌ ์†Œํ†ตํ•˜๊ธฐ
  6. ์ •ํ•ด๋‘” ํšŒ์˜ ์‹œ๊ฐ„ ๋‚ด ํ˜„์žฌ ๊ฐœ๋ฐœ์ƒํ™ฉ ์ž์„ธํžˆ ์ „๋‹ฌ(์ง„์ฒ™๋„ ํƒ€์ž„ํ…Œ์ด๋ธ” % ์•Œ๋ ค์ฃผ๊ธฐ)
  7. ํ”„๋กœ์ ํŠธ ๋ถ„์—…์— ๊ด€ํ•œ ์†Œํ†ต
  • ์ฃผ์–ด์ง„ ์ฃผ์ œ๋ฅผ ์–ด๋””๊นŒ์ง€ ์ดํ•ดํ–ˆ๋Š”์ง€?
  • ๊ฑฑ์ •๋˜๋Š” ์‚ฌ์•ˆ์ด๋‚˜ ๋‹ค๋ฅธ ์–˜๊ธฐ
  • ๊ตฌ์ฒด์ ์ธ ์—ญํ•  ์ •ํ•˜๊ธฐ (keep, --๊ธฐ๋Šฅ๋ถ„๋‹ด์€ ๊ทธ๋•Œ๊ทธ๋•Œ๋‹ค๋ฆ„)
  1. ๋„์›€๋ ๋งŒํ•œ ์ •๋ณด(๋งํฌ) ๊ณต์œ ํ•˜๊ธฐ(์Šฌ๋ž™์œผ๋กœ)
  • ํ‚น์ฝฉ์ž๋ฃŒ(๋งํฌ, ์ž๋ฃŒ๋งŒ์˜ฌ๋ฆฌ๋Š” ๊ณต๊ฐ„์œผ๋กœ, ๋น„๊ณ ๋Š” ์Šค๋ ˆ๋“œ์—)
    9.๋ฐœ์ƒํ•œ ์—๋Ÿฌ์ค‘ ํ•ด๊ฒฐํ•˜๊ธฐ ์–ด๋ ค์› ๋˜ ๊ฒƒ ์ตœ์†Œ ํ•œ๊ฐ€์ง€ -> ํ•ด๊ฒฐํ•œ ๋ฐฉ๋ฒ• ๋ฐœํ‘œํ•˜๊ธฐ (์ฐธ๊ณ  ํ–ˆ๋˜ ๋ฌธ์„œ ๋งํฌ๋ฅผ ํฌํ•จํ•ด๋„ ์ข‹์Œ)
  • ๋…ธ์…˜ ์ด์šฉํ•ด์„œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค(ํ‘œ)๋กœ ์ •๋ฆฌํ•˜๊ธฐ
  1. ํšŒ์˜๋Š” ์ •๋ฆฌํ•ด์„œ ์Šฌ๋ž™์ฑ„๋„(ํ‚น์ฝฉ์ž๋ฃŒ)์— ๊ธฐ๋ก๋‚จ๊ธฐ๊ธฐ
  2. ์ฝ”๋“œ์— ์ฃผ์„๋‹ฌ๊ธฐ (๊ฐ„๋‹จํ•œ ๊ฒƒ๋งŒ)

[๐ŸŽฏ Project๋ฅผ ์œ„ํ•ด ํ‚น์ฝฉํŒ€์ด ํ•œ ์ผ ]

  • ์ผ๋‹จ Slack์ฑ„๋„์„ ๋ถ„๋ฆฌํ•ด์„œ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์‚ฌ์•ˆ์—๋”ฐ๋ผ ๊ฐ Slack ์ฑ„๋„์—์„œ ์†Œํ†ตํ•˜๊ธฐ๋กœ ํ•˜์˜€๋‹ค.
  • Trello๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ฐ์ž๊ฐ€ ๋งก์€ ๊ธฐ๋Šฅ๊ตฌํ˜„์— ๋Œ€ํ•œ ํ˜„์žฌ ์ง„์ฒ™์ƒํ™ฉ ๊ณต์œ 
  • ๋…ธ์…˜์„ ์ด์šฉํ•˜์—ฌ ์˜ค๋ฅ˜๋ฐœ์ƒ์‹œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ๋งŒ๋“ค์–ด ์‹ค์‹œ๊ฐ„์œผ๋กœ ์ตœ๋Œ€ํ•œ ๋น ๋ฅธ ๋””๋ฒ„๊น…๊ฐ€๋Šฅ
  • API ๊ธฐ๋Šฅ๊ด€๋ จ ์„ค๊ณ„ํ‘œ๋ฅผ ๋งŒ๋“ค์–ด ํ•œ๋ˆˆ์— ๋ณด๊ธฐ ์‰ฝ๊ฒŒ ์ •๋ฆฌ
  • ๋‚ด์ผ ํ•ด์•ผํ•  ๊ณ„ํš์„ ๋ฏธ๋ฆฌ ์„ธ์›Œ ๋‹ค์Œ ๋‚  ์ฐจ์งˆ์—†์ด ๋ฐ”๋กœ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ๋„๋ก ์ •๋ฆฌ

  • FIgma๋ฅผ ์ด์šฉํ•˜์—ฌ ์ธ์Šคํƒ€ ํด๋ก  ๋ ˆ์ด์•„์›ƒ ๋งŒ๋“ค๊ธฐ
    ๊ฐ€์žฅ๋จผ์ € ํŽ˜์ด์ง€์ด๋™๊ตฌ์กฐ์™€ ๊ธฐ๋Šฅ ๋“ฑ์— ๋Œ€ํ•ด ์ •๋ฆฌํ–ˆ๋‹ค.

    ๊ทธ ๋‹ค์Œ ๋ ˆ์ด์•„์›ƒ์„ ๋งŒ๋“ค๊ณ 

    ๋ ˆ์ด์•„์›ƒ ์œ„์— ๊ตฌํ˜„๋˜์–ด์•ผํ•  ๊ธฐ๋Šฅ์„ ์ •๋ฆฌํ•˜์—ฌ ํ‘œ์‹œํ•˜์˜€๋‹ค.
  • ๊นƒํ—ˆ๋ธŒ Readme ์ž‘์„ฑ

๐ŸŒฑ ๊ณ„ํš์„ ์„ธ์šฐ๋ฉฐ ๋Š๋‚€ ์ 

ํ™•์‹คํžˆ ๋ณธ๊ฒฉ์ ์œผ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค๊ธฐ ์ „์— ๊ตฌ์ฒด์ ์ธ ๊ณ„ํš๊ณผ ๋ฐฉํ–ฅ์„ ์žก๊ณ  ์‹œ์ž‘ํ•˜๋‹ˆ ๋ง‰๋ง‰ํ•ด๋ณด์ด๋˜ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋ˆˆ์— ๋ณด์ด๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค.
๊ทผ๋ฐ ์‹œ๊ฐ„์ ์œผ๋กœ ๋ถ€์กฑํ• ์ˆ˜๋„์žˆ์–ด์„œ ํ”„๋ก ํŠธ์™€ ๋ฐฑ์—”๋“œ๋ฅผ ๋‚˜๋ˆ„์–ด์„œ ๋ถ„๋‹ด์„ ํ•˜๊ธฐ๋Š” ํ–ˆ์œผ๋‚˜, ์ „์ฒด์ ์œผ๋กœ ๋ฐฑ์—”๋“œ๋ถ€๋ถ„์ด ์‹œ๊ฐ„์ด ๋” ์˜ค๋ž˜ ๊ฑธ๋ฆด ๊ฒƒ ๊ฐ™์•„ ๊ฐ€ํ˜„๋‹˜๊ณผ ํ”„๋ก ํŠธ๋ถ€๋ถ„์„ ์ตœ๋Œ€ํ•œ ๋นจ๋ฆฌ ๋งˆ์น˜๊ณ  ๋ฐฑ์—”๋“œ๋ถ€๋ถ„๋„ ๋งŒ๋“œ๋ ค๊ณ ํ•œ๋‹ค.
๋‘ ๋ฒˆ์งธ ํŒ€ํ”„๋กœ์ ํŠธ์ธ๋งŒํผ ์ด๋ฒˆ์—๋Š” git์„ ํ™œ์šฉํ•ด์„œ ์ €๋ฒˆ์ฃผ KPT๋ฅผ ์ฐธ๊ณ ํ•˜์—ฌ ๋” ์ข‹์€ ๊ฒฐ๊ณผ๋ฅผ ๋‚ด๊ณ ์‹ถ๋‹ค.

๐ŸŽ ์ž์„ธํ•œ ์ฝ”๋“œ/README.md๋Š” Moonmoo ์— ๊ฒŒ์‹œํ–ˆ์Šต๋‹ˆ๋‹ค

profile
ํ•˜๋ฃจ ํ•œ๊ฑธ์Œ์”ฉ ๊พธ์ค€ํžˆ ๋‚˜์•„๊ฐ€๋Š” ๊ฐœ๋ฐœ์ž๐Ÿ™†โ€โ™€๏ธ https://github.com/Moonmooj

0๊ฐœ์˜ ๋Œ“๊ธ€

๊ด€๋ จ ์ฑ„์šฉ ์ •๋ณด