[Node] NODE JS, EXPRESS JS 다운로드 하기

0. 들어가기 앞서!

• node.js란
  • node.js는 브라우저 외부에서 JavaScript 코드를 실행하는 오픈 소스, 크로스 플랫폼, JavaScript 런타임 환경임
    
    
  • node.js가 나오기 전까지는 자바스크립트를 항상 브라우저 속에서만 사용함
  • 하지만 node.js가 나오고 자바스크립트를 브라우저(크롬이나 ie)가 아닌 서버 사이드에서도 사용 가능해짐
  • node.js는 자바나 PHP, python과 같은 언어인데, 자바스크립트를 서버 사이드에서 쓸 수 있는 언어임
• express.js란
  • node.js가 자동차의 엔진이라면, 그 엔진을 가지고 자동차의 바퀴도 만들고 브레이크 시스템도 만드는 등, node.js를 이용해 자동차를 만드는 것이 express.js임.
  • node.js를 좀 더 쉽게 이용할 수 있게 해주는 프레임워크라고 생각하면 쉬움

 

1. Node.js 설치

1) 터미널에 node.js 설치되어 있는지 확인

node -v

- 버전이 뜨면 2)번으로 이동
- 버전이 뜨지 않으면 다운로드

2) 폴더 생성 후 해당 폴더로 이동

# mac 기준
cd documents
mkdir boiler-plate  # 파일명 자유롭게 생성
cd boiler-plate  # 해당 파일로 이동

3) 해당 폴더 내 npm 패키지 만들기

npm init  # 패키지 설치

4) Text Editer에서 확인

- 필자는 비주얼 스튜디오 사용함

5) index.js 파일 만들기

- index.js에서 백엔드 서버 시작함 (시작점이라고 생각하면 쉬움)
 

2. Express.js 설치 

1) express.js 다운받기

- 비주얼 스튜디오 내 터미널에서 다운 가능

npm install express --save

- package.json에 express 설치 완료한 것 확인할 수 있음
- '이 어플리케이션에서는 express라는 라이브러리를 사용하고 있다' 표시해줘서 다른 사람들이 알 수 있게 해주는 역할을 함
 

3. 간단한 express.js 웹 만들기 

1) index.js 에 간단한 예시 입력

2) package.json scripts 수정(시작점을 index.js로)

3) 터미널에 `num run start` 입력

4) 결과 🎉

---

★ 따라하며 배우는 노드, 리액트 시리즈 - 기본강의 클론코딩 입니다.