๐Ÿ›’๋ฐฐ๋ฏผ๋ฌธ๋ฐฉ๊ตฌ ํด๋ก  ํ”„๋กœ์ ํŠธ ํ›„๊ธฐ

์ตœ์†กํฌยท2021๋…„ 3์›” 28์ผ
3

ํ”„๋กœ์ ํŠธ

๋ชฉ๋ก ๋ณด๊ธฐ
5/6
post-thumbnail

0. ํ”„๋กœ์ ํŠธ์š”์•ฝ

  • ํ”„๋กœ์ ํŠธ๋ช… : ๋ฐฐ๋ฏผ ์Šคํ† ์–ด
  • ๊ธฐ๊ฐ„ : 2021.3.15 - 2021.3.26 (2์ฃผ)
  • ํŒ€์› : ํ”„๋ก ํŠธ์—”๋“œ 3๋ช…, ๋ฐฑ์—”๋“œ 2๋ช…
  • ๋‹ด๋‹นํŽ˜์ด์ง€ : ํ”„๋ก ํŠธ์—”๋“œ ๋ฉ”์ธํŽ˜์ด์ง€(๋„ค๋น„๊ฒŒ์ด์…˜, ์ƒํ’ˆ๋ฆฌ์ŠคํŠธ)

๊ธฐ์ˆ  ์Šคํƒ

  • ํ”„๋ก ํŠธ์—”๋“œ : HTML, CSS / JavaScript(ES6+) / React / SCSS
  • ๋ฐฑ์—”๋“œ : Python / Django / MySQL / Linux

ํ˜‘์—… ํˆด

  • Slack / Trello
  • GIT

1. ํ”„๋กœ์ ํŠธ ์ง„ํ–‰๋ฐฉ์‹

๐ŸŽ‡ ์Šคํฌ๋Ÿผ(SCRUM) ์ง„ํ–‰ ๋ฐฉ์‹

๋งค์ผ ์˜ค์ „ 11์‹œ ์Šคํƒ ๋“œ์—… ๋ฏธํŒ…์„ ์ง„ํ–‰ํ•˜๋ฉฐ, ํšŒ์˜๋Š” 30๋ถ„์„ ๋„˜์ง€ ์•Š๋„๋ก ํ•˜์˜€๋‹ค. ๊ฐ์ž ๋งก์€ ์˜์—ญ์˜ ์ง„ํ–‰์ƒํ™ฉ๊ณผ ๊ธˆ์ผ ๊ณ„ํš์„ ๊ณต์œ ํ•˜์˜€๋‹ค. ์ง„ํ–‰์ผ์ •์— ๋ฏธ์ง„ํ•˜๊ฑฐ๋‚˜ ์ด์Šˆ์‚ฌํ•ญ ๋˜ํ•œ ๊ณต์œ ํ•˜๋ฉฐ ์„œ๋กœ์— ๋„์›€์„ ์š”์ฒญํ•˜์—ฌ ๋ฌธ์ œํ•ด๊ฒฐ์„ ํ•จ๊ป˜ํ•˜๊ฑฐ๋‚˜ ๋งก์€ ์–‘์„ ์กฐ์œจํ•˜์˜€๋‹ค.

Agile๋ฐฉ์‹์œผ๋กœ ์ „์ฒด ์™„์„ฑ์ด ์•ˆ ๋˜์—ˆ์ง€๋งŒ ๋ฐฑ์—”๋“œ์™€ ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ํฐ ํ‹€์—์„œ์˜ ํ†ต์‹  ์ž‘์—…์„ ์šฐ์„ ํ•œ ๋’ค ๊ธฐ๋Šฅ ๊ฐœ์„ ์„ ํ•ด๋‚˜๊ฐ”๋‹ค.

๐ŸŽ† Slack & Trello ํ™œ์šฉ

Slack์„ ํ†ตํ•ด ํšŒ์˜์žฅ์†Œ ๋ฐ ์ง„ํ–‰์ƒํ™ฉ์„ ์ˆ˜์‹œ๋กœ ๊ณต์œ ํ•˜์˜€์œผ๋ฉฐ, Trello๋ฅผ ํ™œ์šฉํ•˜์—ฌ ํ”„๋กœ์ ํŠธ์˜ ์ „์ฒด์ ์ธ ์ง„ํ–‰์ƒํ™ฉ์„ ํŒŒ์•…ํ•˜์˜€๋‹ค.

  • Slack์„ git๊ณผ ์—ฐ๋™ํ•˜์—ฌ ๊ฐ ๋ธŒ๋žœ์น˜์—์„œ ์ž‘์—… push์‹œ ์•Œ๋ฆผ์„ ํ†ตํ•ด์„œ ์ง„ํ–‰์ƒํ™ฉ์„ ์‰ฝ๊ฒŒ ๊ณต์œ  ๊ฐ€๋Šฅํ–ˆ๋‹ค.
  • Trello๋ฅผ ํ†ตํ•ด ๊ฐœ์ธ๋ณ„ ์—…๋ฌด ์ผ์ •๊ด€๋ฆฌ ๋ฐ ํŒ€ ์—…๋ฌด ์ง„ํ–‰์ƒํ™ฉ F-up

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

2. ์ฃผ์š”๊ธฐ๋Šฅ

  • ๋กœ๊ทธ์ธ/ํšŒ์›๊ฐ€์ž…
  • ์ƒํ’ˆ ๋ฆฌ์ŠคํŠธ/์ƒํ’ˆ ์ƒ์„ธ
  • ์žฅ๋ฐ”๊ตฌ๋‹ˆ/์œ„์‹œ๋ฆฌ์ŠคํŠธ/๊ฒฐ์ œ

3. ๋‚ด๊ฐ€ ๋งก์€ ํŽ˜์ด์ง€

๋„ค๋น„๊ฒŒ์ด์…˜

  • ๋™์ ๋ผ์šฐํŒ…์„ ํ™œ์šฉํ•˜์—ฌ ์นดํ…Œ๊ณ ๋ฆฌ๋ณ„ ์ด๋™ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜์˜€๋‹ค.
  • ๋งˆ์šฐ์Šค ์Šคํฌ๋กค ์‹œ ๋„ค๋น„๊ฒŒ์ด์…˜ ๊ตฌ์กฐ ๋ณ€๊ฒฝ
    ---์ž‘์„ฑ์ค‘---

์ƒํ’ˆ ๋ฆฌ์ŠคํŠธ

  • ์ƒํ’ˆ ํด๋ฆญ ์‹œ ์ƒํ’ˆ์ƒ์„ธํŽ˜์ด์ง€ ์ด๋™ (์ฟผ๋ฆฌ์ŠคํŠธ๋ง ํ™œ์šฉ)
  • hover ์ด๋ฒคํŠธ ๊ตฌํ˜„
  • ์ƒํ’ˆ(sale/best/new)ํƒœ๊ทธ
    ---์ž‘์„ฑ์ค‘---

๊ธฐํƒ€

  • ๋กœ๊ทธ์ธ/๋กœ๊ทธ์•„์›ƒ ์ตœ์ƒ๋‹จ ๋ฉ”๋‰ด ๊ตฌ์กฐ ๋ณ€๊ฒฝ
    ---์ž‘์„ฑ์ค‘---

  • ์œ ๋ ˆ์นด! ๋ผ์šฐํ„ฐ๋„ ์ปดํฌ๋„ŒํŠธ์ด๋‹ค!
    ํŽ˜์ด์ง€๋ณ„ ๋ฐ˜๋ณต๋˜๋Š” Header์™€ Footer๋Š” Routes.js์— import ์‹œ์ผœ ์ฝ”๋“œ ์žฌ์‚ฌ์šฉ์„ ์‹ค์ฒœ!

Review๐Ÿ‘€

์ฒด๋ ฅ์ ์œผ๋กœ ์ข€ ํž˜๋“ค์—ˆ์ง€๋งŒ ์ฆ๊ฒ์ง€ ์•Š์€ ์ ์€ ์—†์—ˆ๋‹ค. ์ •๋ง ์›ƒ์„์ผ ๊ฐ€๋“ํ–ˆ๋˜ 2์ฃผ๊ฐ„์˜ ํ”„๋กœ์ ํŠธ! ์›ƒ์Œ๋ฟ์•„๋‹ˆ๋ผ ์ •๋ง ๋งŽ์ด ๋ฐฐ์šด๊ฑฐ ๊ฐ™์•„์„œ ๋ฟŒ๋“ฏํ•˜๊ณ  ํ”„๋กœ์ ํŠธ๋Š” ๋๋‚ฌ์ง€๋งŒ ๋” ์™„์„ฑ๋„ ์žˆ๋Š” ๋ฐฐ๋ฏผ์Šคํ† ์–ด๋ฅผ ์œ„ํ•ด ์ถ”๊ฐ€๊ตฌํ˜„์„ ์•ฝ์†ํ•˜์—ฌ..๋งˆ์Œํ•œ์ผ ์ด ์•„์ง ๋ฌด๊ฒ๋‹ค

์ด๋ฒˆ์—” ๋ฉ”์ธํŽ˜์ด์ง€๋ฅผ ๋งก์•„ ๋„ค๋น„๊ฒŒ์ด์…˜ ๊ธฐ๋Šฅ์ด๋ž‘ ์ƒํ’ˆ๋ฆฌ์ŠคํŠธ ๋‚˜์—ดํ•˜๋Š” ๊ฑธ ํ•ด๋ดค์œผ๋‹ˆ ๋‹ค์Œ์—” ์žฅ๋ฐ”๊ตฌ๋‹ˆ ๊ธฐ๋Šฅ์ด๋‚˜ ํšŒ์›๊ฐ€์ž…์„ ํ•ด๋ด์•ผ์ง€ ํ–ˆ์—ˆ๋‹ค. ๊ทธ๋ ‡์ง€๋งŒ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋๋‚œ ์ง€๊ธˆ์˜ ๋ฐ”๋žŒ์€...๋‹ค์Œ ํ”„๋กœ์ ํŠธ๋•Œ ๋‹ค์‹œํ•œ๋ฒˆ ๋„ค์ด๊ฒŒ์ด์…˜ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๊ณ ์‹ถ๋‹ค. ์ด๋ฒˆ์—” ์ •๋ง ์ปดํฌ๋„ŒํŠธ ์žฌ์‚ฌ์šฉ์„ ๊ทน๋Œ€ํ™” ํ•˜์—ฌ! ์†(?)๊นŒ์ง€ ์ œ๋Œ€๋กœ ๋œ ๋ฉ”์ธํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๊ณ ์‹ถ์–ด์กŒ๋‹ค.

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

comment-user-thumbnail
2021๋…„ 3์›” 29์ผ

์›ƒ์Œ ๊ฐ€๋“ํ•œ ๊ฝƒ์†กํฌ ๋‹˜~~ ๋‹ค์Œ์— ๊ฐ™์ด ํ”„๋กœ์ ํŠธ ํ•ด์š”! ๐ŸŒบ

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ