React 개발환경 설정하기

■ React 개발환경 설정하기

Windows : PowerShell 프로그램 사용

Mac OS : 터미널을 통한 명령줄 기반 인터페이스 사용

 

VS코드에는 터미널이 내장되어 있기 때문에 VS설치 후 별도 외부 터미널 및 파워쉘을 사용하 일이 거의 없다.

---

- Node.js(JavaScript runtime)

: Node.js는 자바스크립트로 네트워크 애플리케이션을 개발할 수 있게 해주는 환경

 

- npm(node package manager)

: npm은 Node.js를 위한 패키지 매니저로 하는 역할은 프로젝트에서 필요로 하는 다양한 외부 패키지들의 버전과

  의존성을 관리하고 편하게 설치 및 삭제할 수 있게 도와주는 역할을 한다.

 

※npm은 Node.js를 설치하면 함께 설치된다.

 

※ 설치주소 : https://nodejs.org/en/

Node.js — Run JavaScript Everywhere

 

Node.js 설치 확인

1. 윈도우키 + r  >> cmd 입력 > 확인

2. node와 npm 설치 버전 확인

- node -v

- npm - v

 

---

■ VS Code 설치하기

: 코드 자동 정렬 및 함수 참조 찾기 등 부가적인 기능 제공 이를 IDE라 한다.

통합개발 환경이라는 의미를 가지고 있다.

 

 

※ 설치주소 : https://code.visualstudio.com/

---

■ React 개발을 위한 환경 설정

※ view > terminal > new terminal을 통해 커맨드라인의 명령어 실행 가능