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
http://localhost:8080/home 에서 확인
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
[node.js] nodemon 실행 오류(이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\pc\AppData\Roaming\npm\n
설치 후 실행시키는데 오류가 떠서 powershell을 켠 후 executionpolicy 입력 --> Restricted 이것을 Unrestricted 이렇게 바꿔줄 것이다 보통 이렇게 하면 오류가 안나오는 걸로 아는데 ,, set-executionpolicy unrestric
min-ji07.tistory.com
'/' 으로 접속했을 때 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" />
