본문 바로가기
React

NODE JS 와 EXPRESS JS 다운로드 하기

by 리양 2021. 6. 10.

<John Ahn - 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의> 를 참고했다

 

 

1. Node.js 설치 (LTS 버전으로 설치)

(노드가 이미 깔려있다면) 터미널에서 노트가 이미 다운되어있는지 확인 

node -v

입력했을 때 버전이 나와있으면 설치가 되어 있는것

 

 

 

2. 작업할 폴더에 가서 npm package 만들기

터미널안에서 폴더 생성하는 법

더보기

cd  파일명 : 이동을 할 때 쓰는 키워드

mkdir 파일명 : 디렉토리 생성할때 쓰는 키워드

npm init

<!-- 입력 후 끝날 때까지 계속 엔터 치면 된다 -->

설치가 완료되면 pachage.json 폴더가 생성된다.

 

 

3. index.js 파일 만들기 (그냥 파일만들듯이 만들면 됨, 백엔드 서버를 시작하는 시작점이 된다.)

 

 

4. express.js 다운받기 ( node.js를 쉽게 이용할 수 있게 해주는 프레임워크)

npm install express --save

<!--터미널에 입력 -->

dependencies 에 express가 깔려있는거 확인할 수 있다

 

 

※ node_modeules : dependencies 라이브러리들이 들어가있는곳. 건들일 없다

 

 

 

5. index.js 에서 기본적인 express.js앱 만들기.

밑에 코드들을 index.js 파일에 복붙

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

https://expressjs.com/ko/starter/hello-world.html

 

Express "Hello World" 예제

Hello world 예제 기본적으로 이 앱은 여러분이 작성할 수 있는 가장 간단한 Express 앱일 것입니다. 이 앱은 하나의 파일로 된 앱이며 Express 생성기를 통해 얻게 되는 앱과는 같지 않습니다. (이 예제

expressjs.com

express코드 설명

 

 

 

6. package.json 파일로 가서 "script"에 아래의 코드 추가

"start":"node index.js",

 

 

7. 터미널로 가서 npm run start 입력.

npm run start 

그럼 node앱이 실행된다. "start"안에 담긴 페이지가 첫번째 페이지이다.