๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
React ์‹œ๋ฆฌ์ฆˆ๐ŸŒ

๐Ÿ”ฅReact๐Ÿ”ฅ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ๊ตฌ์ถ• (์‹œ์ž‘!) | React ์‹œ๋ฆฌ์ฆˆ 001

by @ENFJ 2021. 7. 30.

1. node.js ์„ค์น˜

https://nodejs.org/ko/

node js ์„ค์น˜๋ฅผ ํ•˜๋Š” ๊ณผ์ •์—์„œ ์ด๋ ‡๊ฒŒ ๋‘๊ฐœ๊ฐ€ ์žˆ๋Š”๋ฐ ๋ณด๋‹ค์‹œํ”ผ, ์šฐ์ธก์ด ๋” ์ตœ์‹  ๋ฒ„์ „์ด๊ธด ํ•˜๋‚˜, ์•ˆ์ „์„ฑ๊ณผ ์‹ ๋ขฐ๋„๊ฐ€ ๋” ๋†’์€ ์ขŒ์ธก ์„ค์น˜๋ฅผ ํ•˜๋Š”๊ฑธ ๊ถŒ์žฅํ•œ๋‹ค. (ํฌ๊ฒŒ ์ฐจ์ด๊ฐ€ ์—†๋‹ค๊ณ  ํ•จ.)

 


2. ๋น„์ฅฌ์–ผ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ ์„ค์น˜!

https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com


 

3. chrome ์„ค์น˜

 

https://www.google.com/chrome/

 

Chrome ์›น๋ธŒ๋ผ์šฐ์ €

๋”์šฑ ์Šค๋งˆํŠธํ•ด์ง„ Google๋กœ ๋” ์‹ฌํ”Œํ•˜๊ณ  ์•ˆ์ „ํ•˜๊ณ  ๋น ๋ฅด๊ฒŒ.

www.google.com

 

 

4. React Developer Tools ์„ค์น˜

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko 

 

React Developer Tools

Adds React debugging tools to the Chrome Developer Tools. Created from revision d0ec283819 on 7/16/2021.

chrome.google.com

 

 


 

React ๋ฅผ ํŽ˜์ด์Šค๋ถ, ์ธ์Šคํƒ€๊ทธ๋žจ.. ์ด๋Ÿฐ ๊ณณ์—์„œ ๋งŒ๋“ค๋•Œ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค. + ํŽ˜์ด์Šค๋ถ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋งŒ๋“ค์—ˆ๋‹ค๊ณ  ํ•จ.

ํ”„๋ก ํŠธ ๊ฐœ๋ฐœ์ž ์‚ฌ์ด์—์„œ ๋งŽ์ด ์š”์ฆ˜ ์ธ๊ธฐ ์žˆ๋Š” ์–ธ์–ด์ด๋ฉฐ,  ํ”„๋ก ํŠธ ์ชฝ์—์„œ ๋งŽ์ด ์‚ฌ์šฉํ•œ๋‹ค๊ณ  ํ•˜๋‹ˆ

๊ถ๊ธˆํ•˜๊ธฐ๋„ ํ•˜๊ณ  ๊ด€์‹ฌ์ด ์žˆ์–ด์„œ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•ด์•ผ๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.๐Ÿ”ฅ