๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

JavaScript/React27

[์ƒํ™œ์ฝ”๋”ฉ-React] ์ฐธ๊ณ ์ž๋ฃŒ https://velog.io/@ji-silver/React-%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A9-4-%EC%9D%B4%EB%B2%A4%ED%8A%B8 [React] ์ƒํ™œ์ฝ”๋”ฉ-4 ์ด๋ฒคํŠธ 1. ์ด๋ฒคํŠธ state props ๊ทธ๋ฆฌ๊ณ  redner ํ•จ์ˆ˜ props, state, event ์ด 3๊ฐœ๊ฐ€ ์„œ๋กœ ์ƒํ˜ธ์ž‘์šฉํ•˜์—ฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์—ญ๋™์„ฑ์„ ๋งŒ๋“ฆ App.js mode๊ฐ’์ด welcome, read์— ๋”ฐ๋ผ ์‹คํ–‰๋˜๋Š” ์ฝ”๋“œ๊ฐ€ ๋ฐ”๋€œ props, state๊ฐ’์ด ๋ฐ”๋€Œ๋ฉด velog.io 2021. 2. 5.
[์ƒํ™œ์ฝ”๋”ฉ-React] JS ์ฝ”๋”ฉํ•˜๋Š” ๋ฒ• [์ถœ์ฒ˜ : Youtube - ์ƒํ™œ์ฝ”๋”ฉ] https://www.youtube.com/watch?v=LEPiRfPD9Uw&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=7 2021. 1. 24.
[์ƒํ™œ์ฝ”๋”ฉ-React] npm์„ ์ด์šฉํ•ด์„œ create react app ์„ค์น˜ [์ถœ์ฒ˜ : Youtube - ์ƒํ™œ์ฝ”๋”ฉ] https://www.youtube.com/watch?list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&v=nvRlr_qPfBc&feature=emb_logo ๋จผ์ € node.js๊ฐ€ ๊น”๋ ค์žˆ์–ด์•ผํ•จ. ์„ค์น˜๊ฐ€ ์ž˜ ๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค. ์ด์ œ ๋ฐ”ํƒ•ํ™”๋ฉด์— react-app ํด๋”๋ฅผ ์ƒ์„ฑํ•ด์ค€๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋ฐ‘์—์ฒ˜๋Ÿผ ๊ฒฝ๋กœ์„ค์ •์„ ํ•ด์ค€๋‹ค. ๋ญ๊ฐ€ ๋ง‰ ๊น”๋ฆฌ๊ธฐ ์‹œ์ž‘ํ•˜๊ณ  ์ด๋Ÿฐ ํŒŒ์ผ๋“ค์ด ๊น”๋ฆผ. โ€‹ ์ด์ œ VSC๋ฅผ ์—ด๊ณ  ์•„๊นŒ ์ƒ์„ฑํ•œ ํด๋”๋ฅผ ์—ด์–ด์คŒ. ๊ทธ ํ›„ ํ„ฐ๋ฏธ๋„์„ ์—ด๊ณ  ์•„๋ž˜ ๋ฌธ๊ตฌ๋ฅผ ์ž…๋ ฅํ•ด์ค€๋‹ค. npm run start ์ข…๋ฃŒํ•˜๊ณ ์‹ถ์„๋• ctrl + c ๋‹ค์‹œ ์ผœ๊ณ ์‹ถ์„๋• npm run start 2021. 1. 24.
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”