[React] Node & NPM

Joah·2022년 6월 6일
0

React

목록 보기
4/31
post-thumbnail

Node

자바스크립트 실행환경

뭔소리야....

자바스크립트 = 텍스트의 나열
텍스트의 나열이 의미를 가지려면 자바스크립트를 읽을 수 있는 도구가 있어야 한다.

📍Node는 자바스크립트를 해석하고 실행할 수 있는 도구


자바스크립트를 읽는 도구는 무엇이 있을까?

  1. 브라우저

태초에 자바스크립트는 브라우저에서 간단한 스크립트 명령을 실행하기 위해 탄생했기에 모든 브라우저는 자바스크립트를 읽고 해석할 수 있다.

  1. Node(자바스크립트의 탈웹)

브라우저 밖에서도 자바스크립트를 실행할 수 있게 만들어주는 자바스크립트 실행환경

왜 Node를 필요로 할까?

나는 React를 이용해서 웹 페이지를 만들 예정이다.
이때 실제 웹브라우저에서 작업을 하는 것이 아니라 컴퓨터 안에서 작업을 한다. React로 프로젝트를 진행할 때는 React와 Babe, Webpack등 여러 package들을 사용해서 작업을 한다.

📍React ➡ UI 구성
📍Bable ➡ 최신 문법을 과거의 문법으로 변환
📍Webpack ➡ 작성 파일을 분석해서 분할하고 합치는 번들링

여러 package들을 컴퓨터에서 돌리기 위해 컴퓨터 안에서도 Javascript를 실행할 수 있는 node를 설치해야 한다.


NPM

Node Package Manager

Package ➡ node로 실행할 수 있는 하나하나의 프로그램

  • React, babel, webpack이 하나하나의 package이다.
  • Node를 실행할 수 잇는 여러 패키지를 다운받고 업데이트 하고 삭제하는 매니저의 역할을 하는 것

정리

Node

자바스크립트를 실행할 수 있게 하는 실행환경

NPM

Node로 실행할 수 있는 여러 패키지들의 관리를 도와주는 매니저

예를 들어,

Node는 우리가 가지고 있는 스마트폰
NPM은 스마트폰에 여러 앱을 다운받고 업데이트 등 앱(패키지)을 관리하는 앱스토어나 플레이 스토어

profile
Front-end Developer

0개의 댓글