Enjoy Programming

문제가 생겼다. globalRouter에 지정된 url은 모두 접속이 잘된다. 근데.. users와 videos가 문제다.. 다 같이 적용을 해줬는데 localhost:4000/users 와 videos에 get해오지 못한다 이상한건 users/~~~는 모두 userdetail이 뜨고 video는 모두 video upload만 뜬다... ㅠㅠ 왜이러는거냐.. 해결했다.... 몇시간 고찰 끝에... app.js에서 요부분을 제대로 이해 못했던거다... 대충 이해했던거.. app.use(routes.home, globalRouter); app.use(routes.users, userRouter); app.use(routes.videos, videoRouter); routes해줄때 home, users, vi..

arrow function에 대해 간략히 알아보자 기존 자바스크립트는 함수를 명명할때 function variable () { .............. return true } 이렇게 적어줬다. true를 반환한다. arrow function은 implicit return(암시적 리턴)이라는 것이 있다. 바로 보자 예> const variable = () => true; 이렇게 적으면 끝난다 =>가 암시적으로 true를 리턴한다는 것이다. 물론 variable이라는 변수를 실행하면~ 변수랄까 variable이라는 변수명의 함수?를 실행하면 true가 반환된다. const variable = () => { } 이렇게 중괄호를 적어주면 암시적 성격을 잃게되어 중괄호 안에 return을 적어줘야 한다. TH..

이제 controller를 만들자. video controller 와 user controller가 필요하겠다. 데이터를 뿌려줄게 두개다. 컨트롤러는 어떤 일이 어떠헥 발생하는지에 대한 logic이다. controller폴더를 만들어주고 그안에 비디오 컨트롤러와 유저 컨트롤러를 만들어줬다 각각 안에 컨트롤러 (함수)를 만들고 export 해주자 이제 globalRouter로 가서 컨트롤러를 사용해보자~ 자 원래 라우팅할때 컨트롤러도 함께 써줬었다. 이제 컨트롤러를 따로 만들었으니 써보자 코드가 한결 편해졌다. 가독성이 좋다. function을 기존 함수에 넣어주니 자동으로 import까지 된다. 와우... 이제 나머지 라우터들에도 적용해보자

Model : data (database) 모델은 클라이언트에 노출되지 않는다, 연산처리 및 DB가 주 된 목적, 컨트롤러에서 요청이 오면 해당 연산처리 후 정보를 return View : how does the data look (template) 클라이언트에 나타나는 부분, HTML / CSS / Javascript 등으로 꾸미고, 움직이고, 표현하는게 가능 사용자에게 반드시 보여지는 부분, 가공된 정보를 사용자가 보기 쉽게 나타내야 하는 곳. controller : fucntion that looks for the date (function) 사용자의 요청을 받고 응답을 조종 view request -> model operation -> 가공된 데이터 -> view response model과 vi..

음 잘 알지는 못하지만 ECMAScript6에는 브라우저상에서 자바스크립트를 모듈을 export, import할 수 있게 되었다. 일단 모듈이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다. 모듈은 세부 사항을 캡슐화 하고 공개가 필요한 API만을 외부에 노출한다. 모듈은 파일 단위로 분리 ~ 필요에 따라 명시적으로 모듈을 로드하여 재사용한다. c, java, python은 #include, import등의 모듈 기능을 가지고 있다. 그러나 클라이언트 사이드 자바스크립트는 script태그를 사용하여 외부의 스크립트 파일을 가져 올 수 는 있지만, 파일마다 독립적인 파일 스코프를 갖지 않고 하나의 Global Object를 공유한다. ES6에서는 이를 해결? 하기 위해 expo..

필요한 미들웨어들을 설치하기 전에 express에 대한것을 다시 짚고 넘어가자 express 의 주요기능에는 1. 미들웨어 - 함수를 효과적으로 배열하는 미들웨어 스텍 2. 라우팅 - HTTP method로 특정 URL을 방문할 때만 함수가 호출 됨 3. request/ response 에 대한 확장 - response.redirect() or response.sendFile() 처럼 확장 가능 4. 뷰 - 뷰를 사용해서 HTML을 동적으로 랜더링 할 수 있음(pug, ejs등) 먼저 로그를 관리하기 위한 Nodejs의 미들 웨어인 morgan을 설치해보자 npm install morgan 그리고 import morgan from "morgan";으로 임포트 해주고 app.use(morgan("dev")..