반응형
이번 과제를 진행하면서 배운 것들을 기록하려 한다.
Express는 Node를 위한 웹 프레임워크이다. (라이브러리가 아니다. 주의!)
node가 설치되어 있다는 가정하에 진행하겠다.
1. package.json 파일 생성
npm init or npm init -y
위의 명령어들 중 하나를 Terminal에 작성해주면 package.json이 생성된다.
-y 를 붙여주면 자동으로 package.json을 작성해준다.
package.json는 프로젝트의 패키지 목록을 관리하고 추가 스크립트를 작성하는 파일이다.
package.json를 다루려면 내용이 너무 길어지므로 일단 생략하겠다.
(해당 프로젝트에 사용하는 설정, 플러그인 등이 무엇인지 기록해두는 곳이라고 보면 된다.)
2. express 설치
npm i express
npm5 부터는 --save 옵션을 추가하지 않아도 설치할 플러그인의 의존성이 자동으로 package.json에 추가된다.
여기서 generator를 통해 express 프로젝트를 생성할 수도 있지만!
나는 오히려 더 어렵게 느껴지더라... (미리 만들어진 파일이 너무 많아...)
app.js를 생성하고 아래와 같이 작성해준다.
const express = require('express'); // express 모듈을 불러옴
const app = express();
port = 3000; // 사용할 port
app.get('/', (req, resp) => { // '/' 요청을 얻으면 해당 명령을 실행해줌 (즉, get === 라우팅)
resp.send('하이~~'); // send : 메시지를 페이지에 출력할 수 있다. 한번만 사용 가능
});
// 3000번 포트로 app을 접속시켜줌
app.listen(port, () => console.log('3000번 포트로 접속하였습니다.'));
인터넷을 켜서 localhost:3000 로 접속하면 확인해볼 수 있다.
반응형
'프로그래밍 > 기타' 카테고리의 다른 글
[Vue.js] click 이벤트 submit 새로고침 방지 (0) | 2022.01.27 |
---|---|
Vue 2에서 vue-cli 대신 Vite 사용하기 (0) | 2022.01.16 |
[CSS] 말줄임 표시 하는 방법 (0) | 2021.10.04 |
[Android] ViewBinding 을 써야하나..? (0) | 2021.09.27 |
Spring과 React 통신 시에 CORS 에러 해결 (0) | 2021.06.10 |