반응형

Express 3

[JavaScript, Node.js] 유튜브 클론 정리 4장 (2) - URL 파라미터

머리글 이번 시간에는 URL 파라미터에 대해서 알아보자. URL 파라미터? 우선 설명을 위해 라우터의 일부를 작성했다. videoRouter.get("/upload", upload); videoRouter.get("/:id", watch); videoRouter.get("/:id/edit", edit); videoRouter.get("/:id/delete", delete); 각 비디오를 볼 수 있는 페이지, 수정 페이지, 삭제 페이지다. 여기서 중요한 건 id 앞에 붙어있는 ':'이다. 이걸 우리는 파라미터라고 부른다. URL에 변수를 넣을 수 있게 해 준다. 만약 파라미터가 없다면 우리는 모든 동영상의 id에 대해 get을 통해 페이지를 생성해주어야 한다. 그런데, 여기서 주의해야 할 점이 있다. 만약..

[JavaScript, Node.js] 유튜브 클론 정리 3장 (1) - 서버 생성, GET Requests, Responses

머리글 이제 본격적으로 서버를 만들어보도록 하겠다. 서버 생성하기 우선 메인이 될 js 파일에 express를 import 한다. import express from "express"; 이렇게 하면 알아서 모듈을 express라는 이름으로 가져온다. 그리고 app을 생성해 준다. const app = express(); const PORT = 4000; const app = express(); const handleListening = () => console.log(`✅ Server listenting on port http://localhost:${PORT} 🚀`); app.listen(PORT, handleListening); 우선 서버에 대해서 이해를 해보자. 서버는 항상 켜져 있는 컴퓨터와 비슷..

[JavaScript, Node.js] 유튜브 클론 정리 2장 (1) - 프로젝트 생성, npm 사용

머리글 2장은 프로젝트를 생성하고, Express와 Babel, Nodemon을 배우게 된다. 바로 시작하겠다. 프로젝트 생성 우선 프로젝트를 담을 폴더를 하나 생성하고 VS Code로 열어주자 이런 경로에다가 생성을 해보았다. 그다음 package.json 파일을 생성한다. 이게 뭔지 몰라도 일단 생성을 해보도록 하자. json이라는 형식은 파일에 정보를 저장하기 위해 만든 방식 중 하나다. 이를 nods.js에선 package.json이라는 파일로 만들어서 사용하게 된다. 이는 변경이 불가능하며 Package.json과 같이 한 글자만 바뀌더라도 사용이 불가능하다! 이렇게 파일을 생성했다면 nods.js 프로젝트를 만드는데 성공했다! 근데 파일에 아무것도 없고 뭐를 해야할지도 모르겠고, 이렇게 만들다..

반응형