본문 바로가기

JavaScript/JS_Project

[Video app] make server

보통 코드와 로직을 가지고 있는 모든 파일들은 src라는 파일을 만들어서 안에 넣는다.

scripts 안에서 index.js는 src/index.js로 바뀐다. 단 해당 js파일에서 import express를 할 때는 상위폴더 명을 기재하지 않아도 자동으로 찾아준다. 

그 후

const app(자유롭게해도된다) = express(); 입력하면 express app를 실행 가능하게 만들어준다.

app.listen() -> addeventlistener 같은 것

괄호 안에 4000(fort숫자, 집 대문같은 개념)그리고 함수명(handleListening)을 작성한다.

바닐라 JS의 click event와 비슷하다.

 

const handleListening = () => console.log(`✅ Server listenting on port http://localhost:${PORT} 🚀`);

 

port는 4000으로 지정

control + c => nodemon 종료

 

브라우저는 어떤 페이지로 이동할 때 그 웹사이트를 requset하고, 페이지를 가져다 주는 것이지 우리가

직접 해당 웹 사이트로 들어가는 것이 아니다.