Juni_Dev_log

pug 포맷은 웹 문서의 태그를 그대로 사용하지 않고 최대한 간단한 형태로 입력하기 때문에 공백과 들여쓰기를 기준으로 태그의 구조가 결정된다. 따라서 pug 포맷을 사용하면 HTML 태그를 사용하는 것보다 훨씬 적은 내용을 입력해도 웹 문서를 만들 수 있다. pug를 사용할 때는 ejs와 마찬가지로 뷰 템플릿 파일을 먼저 만들고 pug 뷰 엔진에서 응답 웹 문서를 만들 때 사용한다. ⚙️ 설치 %npm install pug -g 를 통해서, pug 를 먼저 설치후 진행한다. 먼저 pug 로 템플릿 문서를 만들어보자. [ViewExample2] 를만들고 복사해서 app.js 에서의 뷰 엔진을 pug로 변경한다. # app.js 1 2 3 4 5 6 7 8 9 ... //===== 뷰 엔진 설정 =====/..

최근에 만들어진 새로운 언어들은 대부분 MVC 패턴(Model-View-Controller 패턴)을 사용한다. 즉, 눈에 보이는 부분은 View / 뷰로 표현되는 데이터를 제공하는 것은 Model / 처리되는 과정을 담당하는 것은 Controller 로 구분하여 구성하면 구조를 더 쉽게 이해할 수 있다. 노드와 익스프레스도 지금까지 만든 각각의 기능을 뷰, 모델, 컨트롤러로 나눌 수 있다. 사용자 요청을 처리하는 라우팅 함수 -> 컨트롤러(Controller) 데이터베이스에 데이터를 저장하거나 조회하는 함수 -> 모델(Model) 사용자에게 결과를 보여 주기 위해서 만든 파일 -> 뷰(View) 그중에서, 뷰에 해당하는 부분을 살펴보면, 지금까지 사용자에게 결과를 응답으로 보낼 때 자바스크립트 코드를 직..