[리액트 react] 개발 환경 세팅 Mac / Windows

  1. nodejs.org 접속해서 nodejs 설치

• nodejs : 자바스크립트는 브라우저 내에서만 실행 가능한 언어인데, nodejs가 브라우저 밖에서도 자바스크립트가 실행할 수 있게 만들어준다.
• 다운로드 버튼을 눌러 진행하기
  - 오른쪽 16.0.0 Current가 가장 최신 버전
  - 왼쪽 14.16.1 LTS 가장 최신 버전은 아니지만 안정적인 버전 (추천)

 

 

  2. Nodejs 잘 설치 됐는지 확인하기

• Mac이라면, 키보드에서 커맨드와 스페이스를 눌으면 Spotlight가 나오는데 여기에 '터미널'을 입력
• Window라면 '시작'에서 '명령프롬프트' 찾아서 실행
• node -v 입력 후 엔터 눌러서 nodejs 버전 확인하기.
• npm -v 입력 후 엔터 눌러서 npm 버전 확인하기.
  npm : 노드 패키지 매니저 (nodejs에서 사용할 패키지를 관리하고 실행하는 도구)

 

 

 

  3. VSCODE 설치

 

 

 

 

  4. 크롬 브라우저 설치

크롬 브라우저에서는 리액트 개발자 도구를 활용할 수 있다.