๐Ÿ“week 1

ํ•™์Šต ๋ชฉํ‘œ

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์€ ๋ณ€ํ™”๊ฐ€ ๋น ๋ฅด๋‹ค.

๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ๊นŠ์ด ์ดํ•ดํ•˜๊ณ  ๋Šฅ์ˆ™ํ•˜๊ฒŒ ์„ค์ •ํ•  ์ค„ ์•Œ์•„์•ผ ํ•œ๋‹ค.

์ „์ฒด์ ์ธ ํ๋ฆ„์„ ํŒŒ์•…ํ•˜๊ณ  ๋ณ€๊ฒฝ์— ๋Œ€์‘ํ•  ์ˆ˜ ์žˆ๋Š” ๋Šฅ๋ ฅ์„ ํ‚ค์šฐ์ž.

๋ชฉ์ฐจ

  1. ๊ฐœ๋ฐœํ™˜๊ฒฝ

  2. TypeScript

  3. React

  4. Testing Library

  5. Parcel & ESLint

๐Ÿ“ ๋ฆฌ๋ทฐ

๊ณผ์ œ๋ฐ›๊ธฐ ์ „์— ํ•œ๋ฒˆ ๊ฐ•์˜ ๋“ค์œผ๋ฉด์„œ ๋”ฐ๋ผํ•ด๋ณธ๊ฑฐ

https://github.com/heyho00/env-setting

๊ณผ์ œ ์ œ์ถœ์šฉ

https://github.com/heyho00/frontend-survival-week01

์‚ฌ์‹ค ํ•œ๋ฒˆ ํ•˜๊ณ  ๋˜ ํ•˜๋ ค๋‹ˆ๊นŒ.. ๊ท€์ฐฎ์•„์„œ.. (๊ฑด๋ฐฉ์ง„ ๋†ˆ ๐Ÿคฌ)

๊ณผ์ œ ๋ฐ›๊ณ ๋Š” ๋ง‰ ๋นจ๋ฆฌ๋นจ๋ฆฌ ํ•˜๋А๋ผ CI๋„ ์—„์ฒญ ๊ฑธ๋ฆฌ๊ณ  rebaseํ•ด์„œ force push ํ•˜๋‹ค๊ฐ€ conflict๋‚ด๊ณ ..

(forkํ•ด์„œ PR๋‚ ๋ฆฌ๊ณ  ํ•˜๋Š” ๊ฒฝํ—˜์€ ๋ณ„๋กœ ์—†์—ˆ์–ด์„œ upstream์— conflict๊ฐ€ ๋‚˜๋‹ค๋‹ˆ,..ํ•˜๊ณ  ๋‹นํ™ฉํ–ˆ๋Š”๋ฐ

์•ž์œผ๋ก  ์ž˜ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค.)

์ฐธ๊ณ ํ•œ ์ž๋ฃŒ https://ihp001.tistory.com/229

์„ธํŒ… ์‹ค์Šต์„ ํ•˜๋ฉฐ ๋А๋‚€์ ์€ CI ์ž‘์„ฑ์„ ํ•ด๋ณด๊ณ  ์‹ถ๋‹ค ์ด๋‹ค.

TDD๋„ ๊ทธ๋ ‡๊ณ  CI๋„ ๊ทธ๋ ‡๊ณ  ํ•˜๋ ค๊ณ  ํ•˜๋Š” ์ž‘์—…์˜ ๋ช…์„ธ๋ฅผ ํ™•์‹คํžˆ ์•Œ๊ณ  Test๋ฅผ ์ž‘์„ฑํ•˜๋Š”๊ฒŒ ์žฌ๋ฐŒ๊ฒŒ ๋А๊ปด์ง„๋‹ค.

์‹ค๋ฌด์—์„œ๋„ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ์—์„œ๋„ ๊ต‰์žฅํžˆ ํšจ์œจ์ ์œผ๋กœ, ์žฌ๋ฏธ์žˆ๊ฒŒ๋„ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.

๐Ÿ“ ์ •๋ฆฌ

์ด๋ฒˆ์ฃผ๋Š” ์ฒซ์งธ์ฃผ๋ผ ๊ฐ€์žฅ ๋จผ์ €์ด๊ณ  ์ค‘์š”ํ•œ ์„ธํŒ…์„ ํ–ˆ๊ณ  ๋ฌธ์„œ๋กœ๋„ ๋‚จ๊ฒผ์œผ๋‹ˆ ๋”ฐ๋กœ ์—ฌ๊ธฐ์— ์ •๋ฆฌํ•  ๋ถ€๋ถ„์€ ๋งŽ์ง€ ์•Š๋‹ค.

์ฒซ์งธ์ฃผ์ด๊ธฐ ๋•Œ๋ฌธ์— ์ดˆ์‹ฌ๋ถ€ํ„ฐ ๋‹ค์žก๊ณ  ๊ฐ€์•ผ๊ฒ ๋‹ค.

์ด์ง€์˜ official https://www.youtube.com/watch?v=3GRt5XUKCPQ

์–ดํ•ญ์— ํฐ ๋Œ๋ฉ์ด๋ฅผ ๋„ฃ๊ณ  ์ž๊ฐˆ์„ ๋„ฃ๊ณ  ๋ชจ๋ž˜๋ฅผ ๋„ฃ๊ณ  ๋ฌผ์„ ๋„ฃ์–ด ๊ฐ€๋“ ์ฑ„์› ๋‹ค.

์ด ์ด์•ผ๊ธฐ์˜ ๊ตํ›ˆ์€ ์‹œ๊ฐ„์€ ์งœ๊ณ  ์งœ๊ณ  ๋˜์งœ์„œ ํšจ์œจ์ ์œผ๋กœ ์“ฐ๋ผ๋Š” ์˜๋ฏธ๊ฐ€ ์•„๋‹ˆ๊ณ 

์œ ํ•œํ•œ ์‹œ๊ฐ„๊ณผ ๊ทธ๋ฆ‡์„ ์•Œ์ฐจ๊ฒŒ ์ฑ„์šฐ๋ ค๋ฉด ํฐ ๊ฒƒ๋ถ€ํ„ฐ ์ฑ„์šฐ๋ผ๋Š” ์˜๋ฏธ์ด๋‹ค. ์ค‘์š”ํ•œ ๊ฒƒ ๋ถ€ํ„ฐ ์ฑ„์šฐ๋ผ๋Š” ์˜๋ฏธ์ด๋‹ค.

์•ž์œผ๋กœ 4์›”๊นŒ์ง€ ์ƒ์กด์ฝ”์Šค์—์„œ ๋‹ค๋ฃจ๋Š” ๊ฒƒ๋“ค์„ ํ˜„์žฌ์˜ ๋‚ด ๋Œ๋ฉ์ด๋“ค ์ค‘ ๊ฐ€์žฅ ํฐ๋†ˆ๋“ค์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๊ณ  ๋‚˜์•„๊ฐ€๋ณด๋ ค ํ•œ๋‹ค.

React, TypeScript, TDD, ์ปดํŒŒ์ผ ...

์ œ์•ˆ๋ฐ›๋Š” ๋Œ๋ฉ์ด๋“ค์„ ์ถฉ์‹คํžˆ ๊ณต๋ถ€ํ•ด ๋ณด์ž @!

Last updated