1) express라는 작업 폴더 생성 후 자바스크립트 파일 하나 생성(서버의 중심 파일)

"use strict"

// require를 사용하여 express 모듈 다운
const express = require('express')

// app 변수에 express를 실행시켜 넣어주기
const app = express();

// PORT 번호 설정, PORT는 배가 들어가는 항구에 여러 선착장이 있듯 서버에 존재하는 여러 개의 장소
const PORT = 3000;

// listen 명령어로 서버 띄우기(3000번 포트로 열기)
app.listen(PORT, ()=>{
  console.log('서버 가동') // 서버 콘솔에는 간단하게 '서버 가동'이라는 문장 띄우며 서버 오픈
});

 

2) express라는 서버 프레임워크 사용

 

3) npm(node package manager)을 통해 express 모듈 설치

  - 터미널에 'npm init' 입력 후 'Is this OK? (yes)' 나올 때까지 엔터(전부 기본값으로 설치)

  - 설치 완료후 터미널에 'npm install express --save' 입력

  - 설치 완료하면 작업 폴더에 node_modules폴더와 package.json(npm으로 설치한 모듈들 관리해주는 메모장), package-lock.json(모듈에 대해 더 자세히 적힌 메모장)파일이 생성됨

  - 그러면 node 명령어를 통해 서버 가동 준비 완료

 

4) 터미널에 node 명령어는 자바스크립트 파일을 v8엔진을 사용해 코드를 해석해달라는 명령어

  - 터미널에 'node app.js' 입력하면 '서버 가동'이 출력되며 서버 오픈

  - 주소창에 'localhost:3000' 입력하면 열린 서버창 오픈

  - 윈도우에 'Cannot Get /'은 루트 경로를 찾을 수 없다는 의미

 

5) 루트 만들어주기

// 위에서 작성한 코드에서 app.listen 전에 아래의 코드 삽입

// 브라우저에서 '/'루트로 요청이 들어오면
// req 변수로 요청을 받고(어떤 요청인지는 아직 해석 x)
// res 변수로 어떤 응답을 할 지 결정('여기는 루트입니다'라는 문장 보내기로 응답)
app.get('/', (req, res) => {
  res.send('여기는 루트입니다.');
});

// 브라우저에서 '/login'루트로 요청이 들어오면
// req 변수로 요청을 받고(어떤 요청인지는 아직 해석 x)
// res 변수로 어떤 응답을 할 지 결정('여기는 로그인 화면입니다'라는 문장 보내기로 응답)
app.get('/login', (req, res) => {
  res.send('여기는 로그인 화면입니다.');
});

  - 이후에 주소창에 'localhost:3000'을 치면

  - 'localhost:3000/login'을 치면

 

'back-end > Javascript' 카테고리의 다른 글

[Node.js] Controller 분리  (0) 2022.11.22
[Node.js] 라우팅 분리  (0) 2022.11.21
[Node.js] View 분리  (0) 2022.11.20
[Node.js] 서버에 로그인 화면 적용시키기  (0) 2022.11.20
[Node.js] https 서버 띄우기  (0) 2022.11.18

+ Recent posts