[리액트] 처음 만난 리액트 5강 개발환경 설정하기

Contents

Windows의 경우 Powershell이라는 프로그램 사용

 

 

1. Node.js와 npm 설치

Node.js(JavaScript runtime) : JavaScript로 네트워크 애플리케이션을 개발할 수 있게 해주는 환경

npm(node package manager) : nodejs를 위한 패키지 매니저

 

패키지 매니저가 하는 역할 : 프로젝트에서 필요로 하는 다양한 외부 패키지들의 버전과 의존성을 관리하고 편하게 설치 및 삭제를 할 수 있게 도움

 

* 참고로 npm은 node.js를 설치하면 자동으로 함께 설치됨

 

Node.js 설치

Node.js

 

아래에서 왼쪽이 안정화 버전 오른쪽이 최신 버전. 이 중 왼쪽을 다운받자.

npm이 정상적으로 설치되었는지 powershell에서 버전 확인!

 

 

2. VS Code 설치 

IDE(Integreate Development Environment) : 통합 개발 환경

IDE의 하나인 VS Code를 설치하자.

Visual Studio Code - Code Editing. Redefined