Programming Blog

템플릿 엔진이란? - 짧은 코드로 html코드를 만들어 낼 수 있는 기능을 제공한다. - 템플릿 엔진 안에서 변수도 사용가능하다. 템플릿 엔진 사용하기 - $ npm install jade --save jade 템플릿 엔진을 사용하기 위해 위의 코드를 터미널에 작성하여 npm 패키지를 설치한다. -설치가 완료되면 dependency항목에 추가된다. - app.set('view engine', 'jade'); 사용할 템플릿 엔진을 express에게 알려주는, jade 엔진과 express를 연결하는 코드이다 view engine은 템플릿 엔진이라고 약속되어있고, jade라는 템플릿 엔진을 세팅하겠다는 의미이다. - app.set('views', './views'); 템플릿이 있는 디렉토리를 express에..

웹 페이지를 사용자에게 서비스하는 방법 2가지 - 정적인 파일을 전달하는 방법 - 동적인 파일을 전달하는 방법 정적인 파일 전달하는 방법 1app.use(express.static('접근 폴더명'));cs 위와 같이 사용할 파일의 폴더명을 작성한다. - 정적인 파일은 내용이 변경되었을 때 서버의 재시작 없이도 바로 반영이 된다. - 요청이 들어올 때마다 노드가 잡아서 바로 응답해주기 때문에 바로 반영이 된다. 동적인 파일 전달하는 방법 12345678910111213141516171819app.get('/dynamic', function(req, res) { var lis = ''; for(var i=0; i

1app.use(express.static('read할 폴더'));cs - read할 정적 폴더 이름을 static 괄호 안에 작성한다. 웹 페이지에 이미지를 넣고 싶다면 123app.get('/route', function(req, res) { res.send('Hello Router, ' );})Colored by Color Scriptercs 위와 같이 작성하여 이미지를 추가시키면 된다. 주소가 localhost:3000/route 로 사용자가 접속하였을 때 Hello Router라는 문자열을 화면에 표시하고, 화면에 route.jpg 이미지를 적용시키겠다는 의미이다.

express의 매뉴얼을 통해 문제를 해결할 수 있다. https://expressjs.com/ko/ 간단한 웹 애플리케이션 만들기 - 메인 application을 하나 만든다. express에서 권장하는 메인은 app.js로 만드는 것이 관습이다. - express모듈을 프로젝트에 로드하여 express라는 변수에 담는다.1var express = require('express');cs - express모듈을 통해서 application이라는 객체를 만들어 주기 위하여 12var app = exrpess(); cs가져온 모듈은 함수라서 함수는 application을 return한다. - app이 3000번 포트에 listen하고 리스닝이 성공하면 콜백함수가 실행되고 확인을 위해 코드를 작성한다. 123..

$ cd [사용할 폴더경로] 터미널에서 사용할 폴더로 경로를 이동시킨다. $ npm init npm을 설치하여 package.json파일을 생성한다 $ npm install --save express npm이 express패키지를 다운로드 받아서 프로젝트 폴더에 위치시키고 package.json내부에 express의 버전을 추가한다. 설치가 완료되면 express 프레임워크를 사용할 수 있는 환경이 만들어진다.