React 환경 셋팅

2023.02.03

필수 프로그램 설치

(1) 크롬 브라우저

(2) VScode

(3) git 설치하기

(4) Node 설치하기

터미널, power shell 또는 git bash를 켜서 아래 코드를 입력

node -v  // node.js 버전 체크

npm 이란?
NPM(Node Package Manager)은 무수히 많은 third-party 패키지들이 모여있는 집합소 입니다. 우리는 npm에서 여러 패키지를 다운받아 활용할 수 있습니다.
비슷한 친구로는 yarn이 있습니다.

(5) yarn 설치하기

npm의 역할과 동일하지만 npm보다 조금 성능적으로 개선된 yarn을 사용할 것 입니다. 아래 명령어를 입력해서 yarn을 설치해봅시다.

npm install -g yarn   // yarn 설치

yarn -v               // yarn 버전 체크

yarn add [설치할 패키지 이름]

공통적 특징

1. 둘다 자바스크립트 런타임 환경 인 노드(Node.js)의 패키지 관리자
2. 애플의 앱스토어, 구글의 플레이스토어처럼, 전 세계의 많은 개발자들이 본인들이 만든 유용하고 다양한 패키지들 또는 프로그램을 ‘온라인 데이터베이스’에 올려놓는데, 그걸 쉽게 설치하고 삭제할 수 있도록 도와주는 관리자이다.

차별적 특징

1. NPM
   1. node.js를 설치할 때 자동으로 생성
   2. Node Package Manager의 약자
   3. NPM platform 자체에요
2. YARN
   1. 2016년에 페이스북에서 개발한 패키지 관리자
   2. npm과의 호환성이 좋고, 속도나 안정성 측면에서 npm보다 월등히 좋습니다.
3. 요약
   1. 속도 : Yarn wins
   2. 보안 : Yarn wins(하지만 최근 npm의 보안 업데이트도 크게 향상됐어요)

명령어

javascript 런타임 환경의 종류

런타임이란?

프로그래밍 언어가 구동(running)되는 환경(environment)을 말한다.

자바스크립트의 대표적 런타임 환경은 2가지

1. 브라우저(ex : Chrome, Microsoft Edge, Firefox, Internet Explorer)
2. node환경

즉, javascript 파일을 실행할 수 있는 방법이 2가지가 있다.