Express 시작하기

최성진·2023년 12월 24일
0

Node.js

목록 보기
3/5
post-thumbnail

💾 Node.js 설치

1. 공식사이트

  • 공식 사이트에 들어가서 현재 사용중인 OS에 맞는 LTS버전(현 20.10.0) 파일 다운받기
    (LTS는 'Long Term Support'의 줄임말로 'Node.js 커뮤니티에 의해 장기간 지원받을 수 있는 버전'이라는 뜻입니다.)

2. 설치완료

  • 설치하기

3. 버전확인 및 작동확인

  • 설치후 터미널에 node -v 입력하면 현재 버전을 알려준다.
node -v        라고 입력하면
v20.10.0       라고 현 버전을 알려줌
  • 터미널에 node를 입력해서 실행해주고 console.log('Hello World') 를 입력하면 실행되는 모습을 볼 수 있다.
console.log('Hello World')
Hello World


📦 npm package 생성

  • npm은 JavaScript 런타입 환경인 node.js의 기본 패키지 관리자이다.
  • 터미널에서 프로젝트를 만들 폴더로 경로를 이동해준다.
  • npm init 을 입력하면 여러가지 설정들이 나오는데 입력하고 싶은것들은 입력해서
    Is this OK? 라는 문구가 나올때까지 엔터를 눌러준후 yes 입력해준다.
  • Visual Studio로 프로젝트를 열어보면 설정한 폴더에 package.json 파일이 생성이 됐다.
  • 서버를 시작하면 index.js 에서 시작하게 설정되어 있기 때문에
  • index.js 파일 생성해주기


💾 Express 설치


  • 터미널에 npm install express --save 입력하기
  • 뒤에 --save를 붙여주는 이유는 package.json 코드중 dependencies 부분에 설치한 express가 자동으로 추가가 되기 때문이다.


💻 Express 앱 만들기

1. 공식사이트

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

const express = require('express')	// 다운받은 express 모듈을 가져온다.
const app = express()				// 가져온 express 모듈의 function을 이용해서 새로운 express 앱(=app)을 만든다.
const port = 5000					// 포트는 본인 마음대로 설정한다.

app.get('/', (req, res) => {		// express 앱을 넣고 root directory에 오면
  res.send('Hello World!')			// "Hello World!"를 출력되게 해준다.
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)// 설정한 포트에서 이 앱을 실행한다.
})
  • express 공식사이트에 들어가면 hello world 예제가 있다.
  • 복사해서 index.js 파일에 붙여넣기 해준다.

2. 스크립트 명령어 추가

  • package.json 파일의 scripts 부분에 "start": "node index.js" 를 추가해준다.
  • 저장 필수!!

3. 로컬 서버열기

  • 터미널에서 프로젝트 경로로 들어가서
    npm run start 를 입력해주면 설정해둔 5000포트로 로컬 서버가 열린다!
  • localhost:5000으로 접속하면 Hello World를 만나볼 수 있다!

  • 메시지를 변경하면 변경된 메시지도 확인해 볼 수 있다.
profile
마부리입니다

0개의 댓글