반응형 ○ WEB/19.10 NomadCoder_Youtube Clone6 전체 그림 2019. 10. 14. [해결] npm install을 해도 node_modules 폴더가 생성되지 않는다. npm init으로 설치해야한다. 사실 npm update하기 전까지는 node_modules폴더, package.json을 삭제해도 npm install을 하면 생성됐지만 지금은 안된다. 또한 외부 패키지를 다운하면 자동으로 node_modules폴더가 생성된다고 하지만 전혀 생성되지 않고 npm install을 입력했을 때와 동일한 오류가 뜬다. npm WARN bootstrap@4.3.1 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself. 그리고 npm uninstall을 해준 뒤 다시 npm install을 해줬는데 위 오류는 생기지 않았지만 여전히 node_modules폴더, package.jso.. 2019. 10. 12. 5. [First router] const userRouter = express.Router() / export && import 이번 단계에서 할 내용 우선보기 * ES6 모듈(파일 간 코드 공유)을 사용하여 init.js에서 application(app Express Object) 호출하기 - index.js -> app.js - handleListning, listen() 삭제 (불필요한 부분) - init.js 생성 - app.js : export default app; // app.js를 누군가 파일로 import 하면 app object를 주겠다. app.use, app.get 등 설정한 것 포함 - init.js : import app from "./app" - 3분40초처럼 서버 실행 코드 작성 - package.json : "start": "nodemon --exec babel-node init.js --delay .. 2019. 10. 11. 4. middleware, morgan, helmet, body-parser 미들웨어 처리가 끝날 때까지 연결된 것 어떻게 연결됐는가 request가 어떻게 시작되는가 시작은 브라우저에서 부터, 웹사이트에 접속하려할때이다. index.js파일을 실행하면 해당 route가 존재하는지 보고 있으면 해당 콜백함수를 실행한다. 보통 유저와 마지막응답 사이에 뭔가가 존재한다. 이를 미들웨어라고 한다. express에서 모든 함수는 미들웨어가 될수있다. 예를들어, app.get("/", handleHome); 는 유저가 home('/')요청을 하면 handleHome콜백함수가 실행이 되는데 이 사이에 미들웨어 함수(betweenHome)을 만들어 넣어보면 어떻게 될까? app.get("/",betweenHome,handleHome);이면 유저가 home('/')요청을 하면 betweenHo.. 2019. 10. 9. 2. get메서드, res.send 브라우저작동방식 브라우저에 URL을 입력하면 GET 메서드가 작동하고 로그인하면 POST 메서드를 통해 브라우저가 응답한다. 아래처럼 콜백함수에 res가 없으면 localhost:3000을 입력해도 아무것도 나타나지 않고 로딩만 뜬다. const express = require('express') const app = express() const port = 4000; function handleListening(){ console.log(`Listening on : http://localhost:${port}`); } function handleHome() { console.log("Homepage"); } app.get("/",handleHome); app.listen(port, handleListe.. 2019. 10. 8. 1. express 시작하기 / .gitignore 설정방법 / 깃허브 커밋하기 npm을 설치해주자 npm init 이렇게하면 node_modules과 함께 package-lock.json, package.json이 설치된다. 그리고 npm install express 를 입력하여 익스프레스를 설치하면 package.json파일의 dependency에 express가 설치된 것을 확인할 수 있다. dependency란 이 프로젝트가 실행되려면 필요한 것을 나타냄 이제 깃헙에 올려보자 먼저 세번째 연결고리 아이콘을 클릭하면 다음과 같은 창이 나타나는데 우측 상단의 버튼을 눌러주면 검색창 같은것이 상단에 나타나면서 깃 저장소를 초기화 할 폴더를 선택할 수 있다. 이 때 현재 폴더를 선택해주어 초기화를 진행한다. 깃헙에 올리기 전, 모든 node_modules폴더 안의 파일이 들어가면 무.. 2019. 10. 8. 이전 1 다음 반응형
