ejs3 Node.js - views 기본 생성 예제 views 개발 기초 안녕하세요. 고코더 입니다. 이전 시간에 라우터를 생성 하였습니다. 이제 라우터와 맵핑하여 프론트에게 보여줄 뷰단을 생성 해보겠습니다. ● 1. ejs 파일 만들기 ● 1-1. views 폴더에서 new 그리고 file을 누릅니다. ● 1-2. 그리고 form.ejs 로 입력하고 확인을 누릅니다. ● 1-3. ejs 안에 내용을 아래처럼 채우겠습니다. 1234567891011121314 기본 예제 테스트 이름 블로그 홈페이지 cs ● 2. 라우터 파일 form.js 수정 하기 ● 2-1. 그리고 전 시간에 개발하였던 form.js 를 수정 해보겠습니다.1234567891011var express = require('express');var router = express.Router(.. 2019. 7. 29. Node.js - Webstorm으로 express 프로젝트 ejs로 생성하기 Webstorm으로 Node.js Express 개발환경 셋팅 안녕하세요. 고코더 입니다. 오늘은 이전 시간에 배운 ejs로 -> Node.js - ejs 와 jade를 비교 살펴보기 프로젝트를 다시 생성합니다. 하지만 복습은 아닙니다. 개발툴를 활용해 node를 생성할 것 입니다. 세상에서 가장 훌륭한 메모장으로 개발하진 않을 것 입니다. 노드를 개발할때 가장 많이 사용하는 도구는 이클립스와 webstorm 입니다. 둘에 차이는 무료와 유료 입니다.기능은 당연히 인텔리제이가 훨씬 낫습니다. 이클립스는 다른 분들이 많이 다루고 강의해주시니 저희는 더 최신화된 인텔리제이에 웹스톰을 이용해 실습해보겠습니다. ● 1. 웹스톰을 다운로드 받아주세요. 저와 동일한 버전으로 실습하실려면 2017.2.5 버전을 다운.. 2019. 7. 29. Node.js - ejs 와 jade를 비교 살펴보기 view 템플릿 ejs 그리고 jade 차이 안녕하세요. 고코더 입니다. 프로젝트 설치부터 서버 실행 까지 실습을 마무리 했습니다. -> Node.Js - express 서버 실행 / hello Express(node) / Port 변경 오늘은 잠깐 코드 실습에 들어가기 전에 꼭 알아야 할 view 모듈인 ejs와 jade를 알아 보는 시간을 갖겠습니다. ● 1. jade 란? ● 1-1. 이전 시간까지 따라온분들은 해당 폴더로 이동해서 index.jade 파일을 열어보세요. D:\node\gocoder\views\index.jade 이게 뭔가 싶은 생각 듭니다. express 기본 옵션을 사용하여 프로젝트를 생성하면 view 모듈은 .jade(제이드)가 기본입니다. ● 1-2. jade란? 노드에서 만.. 2019. 7. 28. 이전 1 다음
