๐Ÿ’ป6/13~14 Project

๋ฐฉ์˜ˆ์„œยท2022๋…„ 6์›” 14์ผ
0

Project

๋ชฉ๋ก ๋ณด๊ธฐ
2/4

6/13

๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ

  1. ์‚ฌ์šฉํ•  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ •ํ•˜๊ธฐ
  2. commit convention ๋“ฑ ํŒ€๋‚ด ๊ทœ์น™ ์ •ํ•˜๊ธฐ
  3. ๋…ธ์…˜์— ์š”๊ตฌ์‚ฌํ•ญ/๊ธฐ๋Šฅ์— ๋Œ€ํ•ด ์ž‘์„ฑํ•˜๊นˆ
  4. Boiler Plate ์ž‘์„ฑํ•˜๊ธฐ
    • CRA๋กœ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ
    • ํ•„์š”ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(redux, styled component ๋“ฑ) ์„ค์น˜
    • ํŒŒ์ผ ๊ตฌ์กฐ ์งœ๊ธฐ / ํŒŒ์ผ ์ƒ์„ฑ
    • redux reducer ์ž‘์„ฑ
  5. ํฐ ๋ฒ”์œ„์˜ ์—ญํ•  ๋‚˜๋ˆ„๊ธฐ
    Header+Input / List+ListItem
    ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ ๋‚˜๋ˆ„์—ˆ๋‹ค.

ํŒ€ ์ปจ๋ฒค์…˜์„ ์ •ํ•˜๊ณ  Boiler Plate๋ฅผ ํ•จ๊ป˜ ์ž‘์„ฑํ•˜์—ฌ ๊ฐ์ž fork ๋ฐ›๋Š” ๋ฐฉ์‹์œผ๋กœ ์‹œ์ž‘ํ–ˆ๋‹ค.
GitHub ํŒ€ Organizaion์„ ๋งŒ๋“ค๊ณ , ์ €์žฅ์†Œ๋ฅผ ๋งŒ๋“ค์–ด Boiler Plate๋ฅผ push ํ–ˆ๋‹ค.
CRA๋ฅผ ํ•ด์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ณ , ํ•„์š”ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์„ค์น˜ํ–ˆ๋‹ค. ํŒŒ์ผ ๊ตฌ์กฐ์™€ redux-reducer๋Š” ํ•จ๊ป˜ ์ž‘์„ฑํ•  ํ•„์š”๊ฐ€ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ด์„œ ํฐ ํ‹€์€ ํ•จ๊ป˜ ์ž‘์„ฑํ–ˆ๋‹ค.

์ด์ „ ํ† ์ด ํ”„๋กœ์ ํŠธ์—์„œ ์ดˆ๋ฐ˜ ํ‹€ ์ž‘์—…์ด๋‚˜ ์ปจ๋ฒค์…˜์„ ์ •ํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ์–ด์„œ ์ด์•ผ๊ธฐ ํ•˜๋Š” ์‹œ๊ฐ„์„ ๋งŽ์ด ๊ฐ€์ง€์ž๊ณ  ์ œ์•ˆํ–ˆ๊ณ  ์‹ค์ œ๋กœ ๊ทธ๋ ‡๊ฒŒ ์‹คํ–‰ํ–ˆ๋‹ค.

5๋ช…์ธ ์ธ์›์— ๋น„ํ•ด ํ”„๋กœ์ ํŠธ ๊ทœ๋ชจ๊ฐ€ ํฌ์ง€ ์•Š์•„์„œ RNR ๋ฐฐ๋ถ„์ด ํž˜๋“ค์—ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์ผ๋‹จ ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ ๋‚˜๋ˆ„์–ด๋ณด์•˜๊ณ , ํฐ ๋ฒ”์œ„๋กœ๋งŒ 2๋ช…/3๋ช… ์‹์œผ๋กœ ๋‚˜๋ˆ„์—ˆ๋‹ค.

ํŒŒ์ด๋„ ํ”„๋กœ์ ํŠธ

  • ์ฒซ๋ฒˆ์งธ ํ‚ฅ์˜คํ”„ ๋ฏธํŒ… (with. UI/UX)
    UI/UX ํŒ€๊ณผ ์ฒ˜์Œ ๋งŒ๋‚˜๋Š” ๋ฏธํŒ…๊ณ , ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ ์ด์•ผ๊ธฐ๋กœ ํŒŒ์ด๋„ ๊ด€๋ จ ์ƒ๊ฐ์„ ๋งŽ์ด ๋ชปํ•ด์„œ ๋งค๋„๋Ÿฝ๊ฒŒ ์ง„ํ–‰๋˜์ง€๋Š” ์•Š์•˜๋‹ค. ๋‹ค์Œ ๋‚  ํ•œ ๋ฒˆ ๋” ๋งŒ๋‚˜๊ธฐ๋กœ ํ–ˆ๋‹ค.

6/14

๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ

  1. ์ž‘์€ ๋ฒ”์œ„์˜ ์—ญํ•  ๋‚˜๋ˆ„๊ธฐ
    ํฐ ๋ฒ”์œ„๋กœ ๋‚˜๋ˆ ๋‘” ์—ญํ• ์— ๋”ฐ๋ผ ๊ธฐ๋Šฅ๋ณ„๋กœ ์—ญํ• ์„ ๋‚˜๋ˆ„์—ˆ๋‹ค.
    -> ๋ฉ˜ํ† ๋งํ•  ๋•Œ ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋Š” ๊ทœ๋ชจ๊ฐ€ ์ž‘์œผ๋‹ˆ ์ด๋ ‡๊ฒŒ ํ–ˆ์ง€๋งŒ, ํŒŒ์ด๋„ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ์„œ๋กœ์˜ ์˜์กด๋„๊ฐ€ ์ตœ๋Œ€ํ•œ ๋‚ฎ๊ฒŒ RNR์„ ๋‚˜๋ˆ„๋ผ๊ณ  ์ œ์•ˆํ•ด์ฃผ์…จ๋‹ค.
  2. Boiler Plate์— ์ถ”๊ฐ€ํ•˜๊ธฐ
    • redux-persist๊ฐ€ ์„ค์น˜๋˜์–ด ์žˆ์ง€ ์•Š์•„์„œ ์„ค์น˜ํ–ˆ๋‹ค.
    • index.js์—์„œ Provider๋กœ App์„ ๊ฐ์‹ธ๊ณ , persist ์„ค์ •์„ ์ˆ˜์ •ํ–ˆ๋‹ค.
  3. GitHub ํ™œ์šฉํ•˜๊ธฐ
    GitHub์˜ Project์™€ Issue ํƒญ์„ ํ™œ์šฉํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค.
    Issue์˜ Label์„ ์ •ํ•˜๊ณ  ๊ฐ์ž Issue ์ž‘์„ฑ๊นŒ์ง€ ์™„๋ฃŒํ–ˆ๋‹ค.

์–ด์ œ ๋‚˜๋ˆ ๋†“์€ ํฐ ๋ฒ”์œ„์˜ ์—ญํ• ์„ ์ž‘๊ฒŒ ๋” ์ชผ๊ฐœ์–ด ๋‚˜๋ˆ„์—ˆ๋‹ค. ๋‚˜๋Š” Header+Input ๋ถ€๋ถ„์—์„œ input search history ๋ถ€๋ถ„์„ ๋งก์•˜๋‹ค. ์•„๋ฌด๋ž˜๋„ List ๋ถ€๋ถ„์ด ์˜ค๋ž˜ ๊ฑธ๋ฆด ๊ฒƒ ๊ฐ™์•„ HI ๋ถ€๋ถ„์ด Page ๋ถ€๋ถ„์ด๋‚˜ List ๋ถ€๋ถ„์„ ์ถ”๊ฐ€์ ์œผ๋กœ ํ•จ๊ป˜ ๊ตฌํ˜„ํ•˜๊ฒŒ ๋˜์ง€ ์•Š์„๊นŒ ์‹ถ๋‹ค.
ํŒŒ์ด๋„์—์„œ์˜ RNR ๋ถ„๋ฐฐ๊ฐ€ ์•„์ฃผ ๊ณ ๋ฏผ๋˜๊ณ  ์ค‘์š”ํ•  ๊ฒƒ ๊ฐ™๋‹ค...

redux-persist๋ฅผ ์„ค์น˜ํ•˜๊ณ  index.js๋ฅผ ์ˆ˜์ •ํ•ด์„œ ํŒ€ ์ „์ฒด ์ €์žฅ์†Œ์— pushํ–ˆ๋‹ค. ์ด๊ฒƒ์„ PR ํ•˜์ง€ ์•Š๊ณ  ๊ฐ์ž remote๋กœ ํŒ€ ์ €์žฅ์†Œ๋ฅผ upstream์œผ๋กœ ์ถ”๊ฐ€ํ•˜์—ฌ pull ๋ฐ›๋Š” ๋ฐฉ๋ฒ•์„ ํ„ฐ๋“ํ–ˆ๋‹ค. (ใ…‹ใ…‹) git flow๋ฅผ ๊นŒ๋จน์ง€ ์•Š๊ณ  ์ž˜ ์‚ฌ์šฉํ•ด์•ผํ•  ๊ฒƒ ๊ฐ™๋‹ค.

PM ํŠน๊ฐ•์—์„œ ๋“ค์—ˆ๋˜ ๋‚ด์šฉ์„ ํ™œ์šฉํ•ด Project/Issue ํƒญ์„ ์ ๊ทน์ ์œผ๋กœ ํ™œ์šฉํ•ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค. ๊ฐ์ž ์ด์Šˆ ์ž‘์„ฑ๊นŒ์ง€ ํ•˜๊ณ  ๋‚ด์ผ๋ถ€ํ„ฐ๋Š” ๊ฐ์ž ๊ธฐ๋Šฅ ๊ตฌํ˜„์— ์ง‘์ค‘ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค.

๋ฉ˜ํ† ๋ง

๋ฉ˜ํ† ๋ง ์ •๋ฆฌ ๋…ธ์…˜ ํŽ˜์ด์ง€

ํŒŒ์ด๋„ ํ”„๋กœ์ ํŠธ

  • ๋‘๋ฒˆ์งธ ํ‚ฅ์˜คํ”„ ๋ฏธํŒ… (with. UI/UX)
    ๊ฐœ๋ฐœํŒ€๋ผ๋ฆฌ ๋จผ์ € ๋””์ž์ธํŒ€์—๊ฒŒ ์š”๊ตฌํ•˜๊ณ  ์‹ถ์€ ๊ฒƒ์— ๋Œ€ํ•ด ์ด์•ผ๊ธฐ ํ•˜๊ณ  ์ „๋‹ฌ๋“œ๋ ธ๋‹ค. ์„œ๋กœ ์š”๊ตฌ์‚ฌํ•ญ/์งˆ๋ฌธ ๋“ฑ ๋…ธ์…˜์˜ ํšŒ์˜๋ก ํŽ˜์ด์ง€๋ฅผ ์ ๊ทน ํ™œ์šฉํ•˜๋„๋ก ํ–ˆ๊ณ , ์ด๋ฅผ ์œ„ํ•œ ํ…œํ”Œ๋ฆฟ ์ž‘์„ฑ๊นŒ์ง€ ํ•˜์˜€๋‹ค. (ํŒ€ ์ด ํŒ€์žฅ๋‹˜์˜ ์บ๋ฆฌ)

  • ๊ธฐ์—…๊ณผ์˜ ์‹ฑํฌ์—… ๋ฏธํŒ…์—์„œ ์งˆ๋ฌธํ•  ์‚ฌํ•ญ์„ ๋…ธ์…˜์— ์ž‘์„ฑํ•  ๊ฒƒ.

profile
console.log('bang log');

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