[220509] TIL

๋ฆฟยท2022๋…„ 5์›” 9์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
19/28

๐Ÿ“ƒ ์‚ฝ์งˆ์ผ์ง€

1. ๋‚ ์”จ์•ฑ๋งŒ๋“ค๊ธฐ ๊ณผ์ œ ์‹œ์ž‘

์ผ๋‹จ ์ƒˆ ํด๋”๋ฅผ ๋งŒ๋“ค์–ด git clone์„ ๋จผ์ €ํ•˜๊ณ !

1-1. npm ์„ค์น˜

์ง„์งœ ๋ฐ”๋ณธ๊ฐ€๋ณด๋‹ค. ์–ด์ œ ๋ถ„๋ช…ํžˆ ์ด๋ฒˆ ๊ณผ์ œ๋Š” yarn์“ด๋‹ค๊ณ  ํ•˜์…จ๋Š”๋ฐใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹

์ด ์—๋Ÿฌ๋ฅผ ๊ตฌ๊ธ€์— ๊ฒ€์ƒ‰ํ•œ ๊ฒƒ์กฐ์ฐจ ๋ถ€๋„๋Ÿฝ๋‹ค...

1-2. (npm ๋ง๊ณ ) yarn์„ค์น˜

yarn์„ ์„ค์น˜ํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ๋‚˜๋Š” npm์ด ์žˆ์œผ๋ฏ€๋กœ npm์„ ์‚ฌ์šฉํ•ด์„œ ์„ค์น˜๋ฅผ ํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค.

  1. ํ„ฐ๋ฏธ๋„์— npm install -g yarn ์ด๋ผ๊ณ  ์ž…๋ ฅํ•œ๋‹ค.
  2. ์„ค์น˜๊ฐ€ ์ž˜ ๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด yarn --version ์„ ์ž…๋ ฅํ•˜๊ณ , ๋ฒ„์ „์ •๋ณด๊ฐ€ ๋‚˜์˜ค๋ฉด ๋‹ค์šด์ด ์ž˜ ๋œ ๊ฒƒ์ด๋‹ค!
  3. yarn install ๋˜๋Š” yarn ์„ ์ž…๋ ฅํ•ด์„œ package.json์— ๋“ฑ๋ก๋œ ํŒจํ‚ค์ง€๋ฅผ ์„ค์น˜ํ•œ๋‹ค.
  4. yarn start๋ฅผ ์ž…๋ ฅํ•˜๋ฉด yarn์ด ์‹คํ–‰๋œ๋‹ค!

...์—ฌ์•ผํ•˜๋Š”๋ฐ...

์—๋Ÿฌ๊ฐ€ ๋–ด๋‹ค.
๊ทธ๋ž˜์„œ ๋˜ yarn install์„ ํ–ˆ๋”๋‹ˆ ์•„๊นŒ installํ• ๋•Œ๋ž‘์€ ๋‹ค๋ฅธ ๊ธ€์ž๋“ค์ด ๋–ด๋‹ค.

์—ฌํŠผ ์ดํ›„์— yarn start๋ฅผ ํ•˜๋‹ˆ๊นŒ ์•ฑ์ด ์‹คํ–‰๋˜์—ˆ๋‹ค.

2. network์ฃผ์†Œ ๊ด€๋ จ

์ด์ „์—๋„ ์ด๋Ÿฐ ์ผ์ด ์žˆ์—ˆ๋Š”๋ฐ localhost:3000์ด ์‹คํ–‰๋˜๋Š” ๊ฒŒ ์•„๋‹ˆ๋ผ ์•„๋ž˜์™€ ๊ฐ™์€ ๋ฏธ๋ฌ˜ํ•œ ์ฃผ์†Œ๊ฐ€ ์‹คํ–‰๋˜์—ˆ๋‹ค.

package.json์— homepage๋ฅผ ๋ณด๋ฉด ๋˜๋Š”๋ฐ ์•„๋ž˜์™€ ๊ฐ™์ด ์ž‘์„ฑ๋˜์–ด ์žˆ์—ˆ๋‹ค.

#readme๋ฅผ ๋นผ๊ณ  ์ €์žฅํ•˜๋‹ˆ๊นŒ ์ •์ƒ์ ์œผ๋กœ ์‹คํ–‰๋จ!

3. ๋“œ๋””์–ด ๊ณผ์ œ ์‹œ์ž‘?

...ํ•œ 2์‹œ๊ฐ„ ์žก๊ณ  ์žˆ์—ˆ๋Š”๋ฐ ๋„ˆ๋ฌด ๋งŽ์€ ์—๋Ÿฌ๊ฐ€ ๋‚ฌ๊ณ , ๊ณต๋ถ€ํ•ด์•ผํ•  ๊ฒŒ ํ•œ ๋‘๊ฐœ๊ฐ€ ์•„๋‹ˆ์—ˆ์Œ... ํ•œ๊ณ„์— ๋ถ€๋”ชํ˜€์„œ ๊ทธ๋ƒฅ react+typescript๊ณต๋ถ€๋ฅผ ํ•˜๋ฉด์„œ ์•ฑ์„ ๋งŒ๋“ค๊ธฐ๋กœ ํ–ˆ๋‹คใ… 

profile
ํ•ญ์ƒ ์žฌ๋ฐŒ๋Š” ๋ญ”๊ฐ€๋ฅผ ์ฐพ๊ณ  ์žˆ๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž

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