react 개발 환경 구축

1. Node.js란?

우리가 아는 아래 사진에 있는 마크인  

이미지 출처 : https://namu.wiki/w/JavaScript

 

JavaScript는 웹 브라우저에서 작동하는 언어입니다. 그렇기 때문에, node.js는 브라우저 바깥에서 쓸 수 있도록 해주는 것이라고 보시면 됩니다.

 

JavaScript에 관해서 더 알고 싶으시면

JavaScript란?

2. npm이란?

NPM(Node Package Manager)는 명령어로 자바스크립트 라이브러리를 설치하고 관리(삭제도 가능)할 수 있는 패키지 매니저입니다.

 

 

 

일단 react를 배우기 위해서 아래 URL을 통해서

Node.js(JavaScript runtime) 와 npm(node package manager) 설치해야합니다.

Node.js

 

!! 참고로, npm은 node.js를 깔면 자동으로 깔린다고 합니다.

 

 npm과 node.js를 깔았으면 아래 사진과 같은 코드를 윈도우 cmd창을 열어서 다음 명령어를 입력하세요

node.js와 npm의 버전 확인 방법

3.Visual Studio Code

 

그리고, 아래 사이트에서 VS Code를 설치하셔야합니다.

Visual Studio Code - Code Editing. Redefined

 

여기 까지 완료하셨다면 react를 실행하기 위한 기본적인 준비는 마쳤다고 볼 수 있습니다.

 

그리고 아래 주소는 react를 공부하면서 작성 한 코드를 모아놓은 레파지토리입니다.

GitHub - do04200611/react: https://do04200611.github.io/react/

 

참고 강의

[지금 무료] 처음 만난 리액트(React) 강의 - 인프런