Express 공부(1) - Express 서버 생성 및 요청과 응답

1. 파일 생성 = ex) server 명칭으로 파일 생성
2. 파일 생성후 node 초기화 작업 = npm init -y
3. server 파일에 index.js 파일 생성
   3-1. index.js 파일에 express 코드 작성 (초기 서버 생성 및 요청&응답)

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

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

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

4. pakage.json 파일의 script 에 "start": "node index.js" 코드를 추가하여 사용할 명령어를 추가하여 index.js 파일을 실행 시킬 명령어 입력
5. 파일 수정 및 설명

// path 라이브러리를 사용할때 path 파일이 필요합니다 라고 요청(require) 하는 코드
const path = require('path')

//express 를 불러온다
const express = require('express');
// app 이란 이름으로 express 객체를 할당
const app = express();
const port = 8000;

// express 객체를 할당한 app으로 서버를 열거나 | 서버 오픈
// 서버를 실행 시킬때 listen의 인자로 몇번 port로 서버를 실행 시킬지 정할 수 있다.
// express 에서 사용할 static 으로 활용할 폴더를 선언해 주어야 한다.
app.use(express.static(path.join(__dirname, "../client/build")))
app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`)
});

// app으로 사용자에게 URL요청이 왔을때 응답하는 기능 | 서버의 기능
// app.get 에는 2가의 인를 받는데 '/' 는 URL 로 사용자가 접속했을때 실행되게 될 코드를 코딩할 수있다
// req는 클라이언트에서 서버측으로 보내는 요청 이다.
// res는 서버측에서 클라이언트로 보내는 응답 이다.
// res.send() 는 text 를 보내지만 res.sendFile() 같은 경우에는 경로상의 파일을 보낼 수 있다.
// 파일을 보낼때 현재 파일 경로와 상대 경로를 합쳐주는 라이브러리 path를 사용하여 파일을 내보낼 수 있다.
// server폴더의 현재경로를 나타내는 변수는 __dirname 이다.
// express 에서 사용할 static 으로 활용할 폴더를 선언해 주어야 한다.

app.get('/', (req, res) => {
    res.sendFile(path.join(__dirname, '../client/build/index.html'))
});

// node mon 이라는 라이브러리를 사용하여 코드상의 변화가 있을때 새롭게 서버를 껏다가 켯다가 해주는 라이브러리

6. 리액트에서 구성한 프로젝트를 html로 압축하여 사용하기 위해 React 파일 에서 npm run-script build 로 파일을 빌드 한다.