ETC

์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ ํ”„๋ก ํŠธ์—”๋“œ ์ฝ”์Šค 1์ฃผ์ฐจ ํšŒ๊ณ  (1)

ttaerrim 2022. 2. 6. 03:15

์—ด์ฉก์ด ๋ถˆํƒ€์˜ค๋ฅธ๋‹ค ๐Ÿ”ฅ

Pre-Onboarding Front-end Course 1์ฃผ์ฐจ

โœจ ์ƒˆ๋กœ ๋ฐฐ์šด ์ 

  1. git README ๊ด€๋ฆฌ์˜ ์ค‘์š”์„ฑ
    • ๋‚˜์˜ ๊ณผ์ œ๋ฅผ ์ฑ„์ ํ•˜๋Š” ์‚ฌ๋žŒ์—๊ฒŒ ์„ค๋ช…ํ•˜๋Š” ๊ฒƒ๋„ ์ค‘์š”ํ•˜์ง€๋งŒ, ๋‚˜์ค‘์— ๋‚ด๊ฐ€ ๋‹ค์‹œ ๋ดค์„ ๋•Œ ์ดํ•ดํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•จ (๊ท€์ฐฎ์•„์„œ ์•ˆ ์ ์—ˆ์—ˆ๋Š”๋ฐ ์ƒ๊ฐํ•ด ๋ณด๋‹ˆ ๋‹ค์‹œ ๋ดค์„ ๋•Œ ์ด๊ฒŒ ๋ญ์ง€ ํ–ˆ๋˜ ์ฝ”๋“œ ์ˆ˜๋‘๋ฃฉํ•จ ์ด๋ฒˆ์— ์‹ค๊ฐํ•˜๊ฒŒ ๋จ) ๊ธ€๋กœ ์ •๋ฆฌํ•˜๋Š” ๊ฑด ์™„์ „ ์ ฌ๋ณ‘์ด๋ผ ์•ˆ ํ•œ ๊ฒƒ๋„ ์žˆ๋Š”๋ฐ ํ•˜๋‹ค ๋ณด๋ฉด ๋Š˜๊ฒ ์ง€ ์‹ถ์Œ
  2. git commit message convention
    • ๋‚˜๋งŒ ์•Œ์•„๋ณผ ์ˆ˜ ์žˆ๋„๋ก ์ ๊ฑฐ๋‚˜, ๊ท€์ฐฎ๋‹ค๊ณ  ๋Œ€์ถฉ ์ ๋Š” ๊ฒƒ ๊ธˆ๋ฌผ
    • ํ˜‘์—…ํ•  ์‹œ์—๋Š” ๊ฐ™์€ ์‚ฌ๋žŒ์ด ์ž‘์„ฑํ•œ ๊ฒƒ์ฒ˜๋Ÿผ ๊ทœ์น™์„ ์ง€์ผœ ์ ๋Š” ๊ฒƒ์ด ์ข‹์Œ
      ์ฐธ๊ณ : https://udacity.github.io/git-styleguide/
  3. utils ํ•จ์ˆ˜
    • ๊ณตํ†ต๋˜๋Š” ๋กœ์ง ๊ด€๋ฆฌํ•˜๊ธฐ
  4. ์ปดํฌ๋„ŒํŠธ ๋‚ด ๋ณ€์ˆ˜ ์œ„์น˜
    • import ์ˆœ์„œ๋„ ๋ถ„๋ฅ˜ํ•ด ๋ฌถ์–ด ๋†“๋Š” ๊ฒŒ ๊น”๋”
    • styled component๋„ ํŒŒ์ผ์„ ๋ถ„๋ฅ˜ํ•ด ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Œ
  5. ๋ฆฌ์•กํŠธ ์„ฑ๋Šฅ ํ–ฅ์ƒ
    • React.PureComponent, React.memo์— ๋Œ€ํ•ด ๋” ์•Œ์•„๋ณด๊ธฐ
    • ๋ฐ˜๋ณต ์‚ฌ์šฉ๋˜๋Š” ํ•จ์ˆ˜ ์ „๋‹ฌํ•  ๋•Œ๋Š” useCallback ์‚ฌ์šฉ์ด ํ•„์ˆ˜
  6. ๊ณผ์ œ ํ”ผ๋“œ๋ฐฑ
    • ์ปดํฌ๋„ŒํŠธ ์ด๋ฆ„์„ ๋” ๋ช…ํ™•ํ•˜๊ฒŒ ์ง“๊ธฐ
      • first, second๋ผ๊ณ  ์ง€์–ด ๋ดค์ž ๋‚˜์ค‘์— ๋ณด๋ฉด ๋ญ”์ง€ ๊นŒ๋จน์„ ๊ฒŒ ๋ถ„๋ช…
    • ๊ณผ์ œ ์„ค๋ช…์— ์•„์‰ฌ์› ๋˜ ์ ์€ ๋œ๊ณ , ์ž˜ํ•œ ์  ์œ„์ฃผ๋กœ ์ ๊ธฐ
    • ์ƒ๋Œ€ ๊ฒฝ๋กœ ๋Œ€์‹  ์ ˆ๋Œ€ ๊ฒฝ๋กœ๋กœ ์„ค์ • ๋ฐ”๊ฟ” ๋ณด๊ธฐ

๋Š๋‚€ ์ 

์˜ค๋žœ๋งŒ์— git ์‚ฌ์šฉํ•ด ํ˜‘์—…ํ•ด ๋ณด๋‹ˆ ๋ถ€์กฑํ•œ ์ ์ด ๋˜ ์—ฌ์‹คํžˆ ๋“œ๋Ÿฌ๋‚œ ๊ฒƒ ๊ฐ™๋‹ค. ์งง์€ ์‹œ๊ฐ„ ์•ˆ์— ๋งŽ์€ ๊ฒƒ์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™์•„ ๊ธฐ๋Œ€๋œ๋‹ค. ํ˜ผ์ž ๊ณต๋ถ€ํ•  ๋•Œ๋ณด๋‹ค ์—ญ์‹œ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค๊ณผ ๊ณต๋ถ€ํ•˜๋Š” ๊ฒŒ ๋™๊ธฐ๋ถ€์—ฌ๋„ ์ž˜๋˜๊ณ  ์—ด์ •๋„ ๋” ํƒœ์šธ ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค. ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜์„ ๊ตฌ์ฒด์ ์œผ๋กœ ๋ฏธ๋ฆฌ ํ•ด ๋‘๋Š” ๊ฒƒ์ด ์˜ค๋ฅ˜๋‚˜ ๋ถˆํŽธํ•จ์„ ๋ง‰๊ธฐ ์œ„ํ•ด์„œ๋Š” ํ•„์ˆ˜์ ์ด๋ผ๊ณ  ๋Š๊ผˆ๋‹ค. git์„ ๋งŽ์ด ์‚ฌ์šฉํ•ด ๋ดค๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ์ง€๋งŒ ํฐ ์˜ค์‚ฐ์ด์—ˆ๋‹ค. add, commit, push ์™ธ์—๋„ ๊ธฐ๋Šฅ์ด ์–ด๋งˆ๋ฌด์‹œํ•˜๊ฒŒ ๋งŽ์€๋ฐ ์™„์ „ ์šฐ๋ฌผ ์•ˆ ๊ฐœ๊ตฌ๋ฆฌ์˜€๋‹ค. ํ‚ค์›Œ๋“œ๋ฅผ ๋”ฑ ๋งํ•˜์ง€ ๋ชปํ•  ๋งŒํผ ๋” ๋งŽ์ด ๊ณต๋ถ€ํ•ด์•ผ ํ•  ๋“ฏ์‹ถ๋‹ค. ์„ค์„ ํ•ฉ์ณ 2์ฃผ ์•ˆ์— contextAPI, redux, typescript ๋“ฑ ๋งŽ์€ ๊ฒƒ์„ ์ƒˆ๋กœ ์•Œ์•˜๋‹ค. ์กธ์—… ์ž‘ํ’ˆ ํ•  ๋•Œ๋Š” ๋ฏธ๋ฃจ๊ณ  ๋ฏธ๋ฃจ๋Š๋ผ ๋ฐ˜๋…„ ๋™์•ˆ ์•ˆ ๋ฐฐ์› ๋Š”๋ฐ....... ๋Šฆ์€ ๋งŒํผ ๋” ์—ด์‹ฌํžˆ ํ•ด ๋ณด๋ ค๊ณ  ํ•œ๋‹ค.