Dust

Express 라이브러리란 ?

서버를 쉽게 개발하기 위한 라이브러리

Express 설치

- 원하는 프로젝트를 만들고(나는 리액트에서 사용하려고 터미널에 npx create-react-app 프로젝트명 입력하여 사용) 

- 터미널을 열어 Express 를 설치(npm install express)

- 라이브러리를 설치하게 되면 파일 내 node_modules 파일이 생성이 됨(설치한 라이브러리 관련된 라이브러리)

- 맥일경우 다른 오류가 날 수 있음..😢

서버로 사용할 js 파일을 만들고(나는 server.js로 작성!)

서버를 express로 띄우기 위한 기본 셋팅을 해준다

const express = require('express');
const app = express();

app.listen();
// 서버를 열기

app.listen(8080, function(){
    // 8080 port 에 서버 띄워주세요
    // 잘 열리면 안에 코드 실행
    console.log('listening on 8080');
});

입력 후 터미널을 열어 node server.js 입력

입력 했는데 요렇게 뜸..

404 떠서 또 뭔가 잘못했나 싶어서 구글창을 열었는데 강사님 화면도 저랬다 ㅎㅎ.. 

// 누군가 /home 으로 방문을 하면 home 화면을 띄우기
app.get('경로', function(){
    
})


// ex)
app.get('/home', function(req, res){
    res.send('HOME');
})

작성 후 서버를 껐다 켠다

서버를 끄는 법은 

휴지통 모양을 눌러도 되지만 간편하게 컨트롤 + C

server.js 를 수정하면 서버를 껐다 켜야하기 때문에 자동화를 해볼 것임

npm install -g nodemon

server.js 저장 시 서버를 껐다 켜주는 역할을 함( -g 라는 뜻은 다른 폴더에서도 nodemon을 사용 할 것이라는 뜻)

설치를 했으면 node server.js 가 아닌 nodemon server.js로 실행

https://codingapple.com/course-status/

를 보고 따라 했지만 계속 오류가 생겨서 일단 패스 🤜수정완료🤛

https://min-ji07.tistory.com/entry/nodejs-nodemon-%EC%8B%A4%ED%96%89-%EC%98%A4%EB%A5%98%EC%9D%B4-%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%97%90%EC%84%9C-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A5%BC-%EC%8B%A4%ED%96%89%ED%95%A0-%EC%88%98-%EC%97%86%EC%9C%BC%EB%AF%80%EB%A1%9C-CUserspcAppDataRoamingnpmnodemonps1-%ED%8C%8C%EC%9D%BC%EC%9D%84-%EB%A1%9C%EB%93%9C%ED%95%A0-%EC%88%98-%EC%97%86%EC%8A%B5%EB%8B%88%EB%8B%A4

'/' 으로 접속했을 때 index.html 띄우기

app.get('/', function(req, res){
    // sendFile 보낼 파일 경로
    res.sendFile(__dirname + '/public/index.html');
})

이렇게 입력해주니

요런 오류가 떴다.. 근데 검색해보니 어렵지 않은거여서 금방 해결!

index.html 파일에서 manifest  를 찾아 앞에 /를 추가해주면 됐다

<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />