TIL_20.07.22 ๐Ÿƒ๐Ÿฝโ€โ™‚๏ธ๐Ÿƒ๐Ÿฝโ€โ™‚๏ธ

Doum Kimยท2020๋…„ 7์›” 22์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
15/71
post-thumbnail

Codestates immersive course


์ด๋จธ์‹œ๋ธŒ ์ฒซ ๋ฒˆ์งธ ์Šคํ”„๋ฆฐํŠธ Immersive Prep

์ด๋ฒˆ ์Šคํ”„๋ฆฐํŠธ์—์„œ๋Š” ์•ž์œผ๋กœ์˜ ์ฝ”์Šค ๊ณผ์ •์— ํ•„์š”ํ•œ ์ •๋ง ๊ธฐ์ดˆ์ ์ธ ๋ถ€๋ถ„์— ๋Œ€ํ•ด์„œ ๋ฐฐ์› ๋‹ค.

ํฌ๊ฒŒ ์ฒซ ๋ฒˆ์งธ๋กœ node.js๊ฐ€ ๋ฌด์—‡์ธ์ง€ nvm์œผ๋กœ node version์„ ๊ด€๋ฆฌ, ์„ค์น˜ํ•˜๋Š” ๋ฐฉ๋ฒ• ๊ทธ๋ฆฌ๊ณ  npm์ด ๋ฌด์—‡์ธ์ง€ ๋Œ€ํ•ด์„œ ๊ณต๋ถ€ํ–ˆ๊ณ 

๋‘ ๋ฒˆ์งธ๋กœ๋Š” git workflow๊ฐ€ ์–ด๋–ป๊ฒŒ ํ˜๋Ÿฌ๊ฐ€๋Š”์ง€ ๋Œ€ํ•ด์„œ ๊ณต๋ถ€ํ–ˆ๋‹ค. ๋˜ํ•œ, ์‹ค์Šต์œผ๋กœ ํŽ˜์–ด์™€ ์„œ๋กœ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๊ณ  push, pull์„ ํ•˜๋ฉด์„œ ์ƒ๊ธฐ๋Š” ์ถฉ๋Œ์„ ์ œ๊ฑฐํ•˜๋ฉฐ ์„œ๋กœ์˜ ์ฝ”๋“œ๋ฅผ ๋™๊ธฐํ™”์‹œ์ผœ๋ณด๊ธฐ๋„ ํ–ˆ๋‹ค. ๋˜ํ•œ, ๋ธŒ๋žœ์น˜๋ฅผ ์ด์šฉํ•ด์„œ ์‹ค์งˆ์ ์ธ ํ˜‘์—…์ด ์–ด๋–ป๊ฒŒ ์ด๋ฃจ์–ด์ง€๋Š”์ง€ ๋Œ€ํ•ด์„œ ๊ณต๋ถ€ํ–ˆ๋‹ค.

์„ธ ๋ฒˆ์งธ๋กœ๋Š” Linting๊ณผ Testing์„ ํ†ตํ•ด ์–ด๋–ป๊ฒŒ ์ฝ”๋“œ์˜ ์งˆ์„ ํ–ฅ์ƒํ•˜๊ฒŒ ์‹œํ‚ฌ๊นŒ? ๋ผ๋Š” ์ฃผ์ œ์˜€๋‹ค.
vscode extension์œผ๋กœ๋งŒ eslint๋ฅผ ์‚ฌ์šฉํ–ˆ๋˜ ๋‚˜๋Š” lint๋ฅผ ์–ด๋–ป๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๋˜๋Š” ๋‹ค๋ฅธ ์Šคํƒ€์ผ ๊ฐ€์ด๋“œ๋ฅผ ๋ถˆ๋Ÿฌ์™€ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ๋ฐฉ๋ฒ•์„ ์•Œ ์ˆ˜ ์žˆ๋Š” ์ข‹์€ ์‹œ๊ฐ„์ด์—ˆ๋‹ค. Testing๋„ jest๋ผ๋Š” tool์„ ์ฒ˜์Œ ์‚ฌ์šฉํ•ด๋ด์„œ ์•ฝ๊ฐ„์€ ์–ด์ƒ‰ํ–ˆ์ง€๋งŒ, ์•ž์œผ๋กœ์˜ ํ”„๋กœ์ ํŠธ์—์„œ ์šฐ๋ฆฌ์˜ ์ฝ”๋“œ ์งˆ์ด ์ข€ ๋” ํ–ฅ์ƒ๋˜๋Š” ๋ฐฉ๋ฒ•์ด๋ผ๋Š” ์ƒ๊ฐ์— ์ข€ ๋” ๋งŽ์ด ๋‹ค๋ค„ ๋ณผ ์ƒ๊ฐ์ด๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๋ถ€๊ฐ€์ ์œผ๋กœ this ๋ฐ”์ธ๋”ฉ์— ๋Œ€ํ•ด์„œ ๋ณต์Šต์„ ํ•˜์˜€๋Š”๋ฐ ๊ดœ์ฐฎ์€ ํŒŒํŠธ์˜€๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค. ๋งค๋ฒˆ ๊ณต๋ถ€ํ•˜๊ณ  ์‹œ๊ฐ„์ด ์ง€๋‚˜๋ฉด ํ—ท๊ฐˆ๋ฆฌ๋Š” ๋ถ€๋ถ„์ด์—ˆ๋Š”๋ฐ ์ด๋ฒˆ ๊ธฐํšŒ์— ํ™•์‹คํ•˜๊ฒŒ ์ด ์ปจํ…์ŠคํŠธ์—์„œ๋Š” this๊ฐ€ ๊ฐ€๋ฆฌํ‚ค๋Š” ๊ฒŒ ๋ฌด์—‡์ธ์ง€ ์ •ํ™•ํ•˜๊ฒŒ ์•Œ ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ๋‹ค.

๋˜ํ•œ, pre course์—์„œ immersive๋กœ ๋„˜์–ด๊ฐ€๋Š” passMe test review๋ฅผ ํŽ˜์–ด์™€ ๊ฐ™์ด ์ง„ํ–‰ํ•˜๋ฉด์„œ ์„œ๋กœ ์ข€ ๋” ์ข‹์€ ์ฝ”๋“œ์— ๋Œ€ํ•ด์„œ ์˜๋…ผํ•ด๋ณด๊ณ  linting๊ณผ testing์„ ์ง„ํ–‰ํ•ด๋ดค๋‹ค.

์ด๋ฒˆ ์Šคํ”„๋ฆฐํŠธ๋Š” ๊ทธ๋ ‡๊ฒŒ ์–ด๋ ค์šด ๋‚ด์šฉ์€ ์•„๋‹ˆ์—ˆ์ง€๋งŒ pre coures๋ฅผ ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ์‹œ๊ฐ„๊ณผ immersive ์‹œ์ž‘์ด๋ผ๋Š” ๋œป๊นŠ์€ ์‹œ๊ฐ„์ด์—ˆ๋‹ค.

์•ž์œผ๋กœ immersive course์—์„œ ์ •๋ง ๋งŽ์€ ์–ด๋ ค์›€์ด ์ƒ๊ธฐ๊ฒ ์ง€๋งŒ, ์ง€๊ธˆ๊นŒ์ง€ ํ•ด์™”๋˜ ๊ฒƒ์ฒ˜๋Ÿผ ์•„๋‹ˆ ๊ทธ ์ด์ƒ์œผ๋กœ ์—ด์‹ฌํžˆ ํƒ๊ตฌํ•˜๋ฉฐ ๊ณต๋ถ€ํ•ด๋ณด์ž.

๋‚ด์ผ๋ถ€ํ„ฐ ์ž๋ฃŒ๊ตฌ์กฐ์— ๊ด€ํ•œ ๋‚ด์šฉ์„ ๊ณต๋ถ€ํ•˜๋Š”๋ฐ ๋„ˆ๋ฌด ๊ธฐ๋Œ€๋œ๋‹ค. ํ”„๋ฆฌ์ฝ”์Šค ๋•Œ๋ถ€ํ„ฐ ๋„ˆ๋ฌด ๊ธฐ๋Œ€ํ–ˆ๋˜ ๋ถ€๋ถ„์ด๋‹ค.

์ด๋ฒˆ ์ฃผ๋ง์—๋Š” pre off toy ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๋ฌธ์ œ๋ฅผ ๋™๊ธฐ๋ถ„๊ณผ ๊ฐ™์ด ํ’€์–ด ๋ณผ ์ƒ๊ฐ์ด๊ณ  ํ•ญ์ƒ ๋ฏธ๋ค„์™”๋˜ git ๊ณต๋ถ€์™€ git-flow์— ๋Œ€ํ•ด์„œ ์กฐ๊ธˆ ๋” ์ž์„ธํžˆ ์•Œ์•„๋ณด๋ ค๊ณ  ํ•œ๋‹ค.

๊ทผ๋ฐ ์ง‘์—์„œ ๊ณต๋ถ€ํ•˜๋‹ˆ๊น ์ •๋ง ๋”์›Œ์ฃฝ๊ฒ ๋‹ค.... ์žฅ์†Œ๋ฅผ ์ข€ ์•Œ์•„๋ณผ๊นŒ ๊ณ ๋ฏผ ์ค‘...๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿ”ฅ๐Ÿฅต

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