Riucc's Storage
RSS
태그
관리
쓰기
카테고리
  • IT (593)
    • 정리 (0)
    • C# (42)
    • ASP.NET MVC (16)
    • JQuery&Javascript (12)
    • CSS (11)
    • 데이터베이스 (32)
    • Windows Server (6)
    • Active Directory (3)
    • Exchange (9)
    • JAVA (2)
    • JSP (39)
    • JSP 게시판 만들기 (21)
    • JSP 개발 참고 (15)
    • JSP 안드로이드 (4)
    • Servlet (17)
    • Spring (42)
    • HTML (14)
    • NodeJS (46)
    • MongoDB (11)
    • 리눅스 (18)
    • 자료구조 (16)
    • 아이폰 (24)
    • 안드로이드 (68)
    • API 활용하기 (10)
    • 소켓네트워크 (28)
    • 라즈베리파이 (11)
    • AWS클라우드 (10)
    • 빅데이터Hadoop (22)
    • 커널모듈프로그래밍 (8)
    • 기타 (10)
    • 자격증 (26)
Riucc's Storage

[NodeJS] - Express 이용하여 웹앱 만들기(2) : ejs와 res.render() 사용

NodeJS|2018. 10. 15. 13:11
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

○ Express 이용하여 웹앱 만들기(2) : ejs와 res.render() 사용 

 

express를 사용하여 웹 서버를 만들고 res.send()를 이용해서 

해당 페이지에 간단한 메시지를 응답하는 것을 만들어보았다

res.send() : 사용자에게 지정한 값을 응답해준다


이제 ejs(html 랜더링)와 res.render() 를 이용하여 페이지를 띄워보겠다

res.render() : 사용자에게 지정한 경로의 파일(사이트 페이지)을 응답해준다


// - ejs 를 사용하기 위해 -

var ejs = require('ejs'); // html 랜더링


app.set("views", __dirname); // ejs 파일 가져올 폴더 지정(프로젝트명) 및 ejs 관련 설정

                                    // 프로젝트에 폴더가 있을 시 __dirname + "/폴더이름"

app.set("view engine", "ejs");

app.engine("ejs", ejs.renderFile);


var express = require('express');

var app = express();

var ejs = require('ejs'); // html 랜더링


app.set("views", __dirname); // ejs 파일 가져올 폴더 지정(프로젝트명) 및 ejs 관련 설정

app.set("view engine", "ejs");

app.engine("ejs", ejs.renderFile);


app.get('/', function(req, res){ 

                               // 사용자가 접속할 때 get 방식 접속하는 것(URL 치고 들어오는 것)

                               // 1번째 인자 : request(요청), 2번째 인자 : response(응답)

    res.send("3000 포트에 연결 성공했어요!");  // 사용자에게 지정된 값을 응답해줌

        }); 


app.get('/write', function(req, res){

    res.render("write.ejs");   // ejs(html)파일 보여줄 때 이렇게 render() 사용

});



app.listen(3000, function(){

    console.log("3000번 포트에 연결 성공!");

}); // 3000번 포트를 listening, 리스닝 성공 시 콜백메소드 실행하여 메시지 출력




저작자표시 (새창열림)

'NodeJS' 카테고리의 다른 글

[NodeJS] - Express, GET 방식을 이용한 form 데이터 전달  (0) 2018.10.15
[NodeJS] - 동기(Sync)와 비동기(Async)  (0) 2018.10.15
[NodeJS] - Express 이용하여 웹앱 만들기(1) : res.send() 사용  (0) 2018.10.15
[NodeJS] - NPM으로 프로젝트에 모듈 설치하기(package.json)  (0) 2018.10.14
[NodeJS] - NPM(Node Package Management)이란 무엇인가  (0) 2018.10.14

댓글()
카테고리
  • IT (593)
    • 정리 (0)
    • C# (42)
    • ASP.NET MVC (16)
    • JQuery&Javascript (12)
    • CSS (11)
    • 데이터베이스 (32)
    • Windows Server (6)
    • Active Directory (3)
    • Exchange (9)
    • JAVA (2)
    • JSP (39)
    • JSP 게시판 만들기 (21)
    • JSP 개발 참고 (15)
    • JSP 안드로이드 (4)
    • Servlet (17)
    • Spring (42)
    • HTML (14)
    • NodeJS (46)
    • MongoDB (11)
    • 리눅스 (18)
    • 자료구조 (16)
    • 아이폰 (24)
    • 안드로이드 (68)
    • API 활용하기 (10)
    • 소켓네트워크 (28)
    • 라즈베리파이 (11)
    • AWS클라우드 (10)
    • 빅데이터Hadoop (22)
    • 커널모듈프로그래밍 (8)
    • 기타 (10)
    • 자격증 (26)
최근 등록 현황
최근 글
최근 월별 글
최근 댓글
최근 글
최근 월별 글
최근 댓글
최근 글
최근 월별 글
최근 댓글
달력
지난달
2025.6
다음달
일월화수목금토
1234567
891011121314
15161718192021
22232425262728
2930
태그 구름
  • 소켓 프로그래밍
  • 정보처리산업기사 필기 정리
  • 정보처리산업기사 정리
  • 정보처리산업기사 16년 필기
  • 이클립스 mysql 연동
  • 이클립스 디비 연동
  • HTML
  • 정보처리산업기사 16년
  • 정보처리기사 실기 정리
  • 정보처리산업기사 15년
  • 커널 모듈 프로그래밍
  • 자료구조
  • 정규형
  • 카카오 로그인 연동
  • 카카오 로그인
  • 데이터베이스
  • 안드로이드
  • 정규화
  • 안드로이드 intent
  • nodejs express
  • 소켓
  • nodejs MySQL 연동하기(Connection Pool)
  • 정보처리산업기사 총정리
  • 정보처리산업기사 15년 필기
  • 안드로이드 카카오 로그인 연동
  • 안드로이드 카카오 로그인
  • jsp
  • 정보처리산업기사 필기
  • 정보처리산업기사 요약
  • 리눅스
카운터
전체 방문자
오늘
어제
Skin by M1REACT. Designed by M1STORY.TISTORY.COM. Valid XHTML 1.0 and CSS 3. Copyright ⓒ Riucc's Storage. All rights reserved.

티스토리툴바