foryou 코딩

express-ejs-layouts 을 이용한 레이아웃 만들기 express-ejs-layouts 은 ejs를 이용한 레이아웃 모듈입니다. 웹사이트를 만들때 보통 헤어 영역, 푸터, 사이드, 바디 등의 영역 등으로 나뉘는데 헤더, 푸터 등은 동일한 파일의 동일한 구성으로 만들게 됩니다. express-ejs-layouts 을 이용하여 간단한 레이아웃의 웹사이트를 만들어봅니다. 헤더영역 바디영역 푸터영역 * EJS 에 대한 이전 글 참고 node.js 웹사이트 맨땅 개발하기 - express, EJS node.js 웹사이트 맨땅 개발하기 - express, EJS 템플릿 엔진은 웹사이트에서 정형화된 동적인 데이터를 html로 표현해주는 모듈로 nodejs에서 많이 사용하는 EJS 템플릿 엔진 사용에 대해 ..

템플릿 엔진은 웹사이트에서 정형화된 동적인 데이터를 html로 표현해주는 모듈로, nodejs에서 많이 사용하는 EJS 템플릿 엔진 사용에 대해 알아본다. EJS 가 html 과 비슷하여 사용하기 쉽다. * Express.js 를 사용한다면 ejs 모듈을 따로 설치하지 않고도 바로 사용을 할 수 있다. Express에서 EJS 템플릿 사용하기 ejs 기본적인 사용법 // app.js var express = require('express'); var app = express(); app.set('view engine', 'ejs');// Express 에서 view엔진을 ejs 로 설정 app.get("/", function(req, res) { res.render("home"); // render 파일..

파비콘 ? 웹브라우저 타이틀 앞에 표시되는 작은 아이콘을 의미합니다. https://terms.naver.com/entry.nhn?docId=864878&cid=50371&categoryId=50371 파비콘 즐겨찾기 아이콘. 즐겨찾기(favorites)와 아이콘(icon)의 합성어로, 주소창에 조그만 아이콘으로 표시되어 있다. 아이콘 에디터로 16x16 크기의 적당한 아이콘을 만든 후 그 이름을 favicon.ico로 한 다음 terms.naver.com nodejs 사이트뿐 아니라 웹사이트들에 대해서 favicon이 없으면 어쩌다 404 에러가 표시되는 사이트들이 보입니다. favicon 은 웹사이트 루트에 favicon.ico 파일만 가져다 놓으면 적용이 되기 때문에, 1. express.js 프레..

Express에서 GET / POST 요청 받기 1. GET 요청 ​ Get 요청을 위한 /public/mail.html 파일을 만듭니다. Email : public 디렉토리를 static 으로 지정하여 http://localhost:8001/mail.html 으로 접근이 가능합니다. 또는 라우팅을 등록하여 .http://localhost:8001/mail 로 접근도 가능합니다. app.get("/mail", function(req,res){ res.sendFile(path.join(__dirname , "/public/mail.html")); }) 응답을 받을 get 에대한 라우팅 "/send" 코드를 입력합니다. app.get("/send", function(req,res){ var email = r..

1. 정적(Static) 파일 서비스 일단 정적파일이란, js, css, image 등 값이나 데이터가 변하지 않는 파일들을 의미하며 Express 에서 웹에 정적파일을 서비스하기 위해서는 static 이라는 메소드를 이용합니다. app.use(express.static('public')) 이는 public 이라는경로의 파일은 모두 서비스를 제공하게 됩니다. /public/js 디렉토리를 만들어 주고 js 디렉토리에 main.js 파일을 생성합니다. localhost:8001/public/js/main.js 로 접근을 하게 되면 파일을 찾지 못하고 404에러가 발생합니다. 해당 정적 파일들을 서비스 하기 위해서는 이처럼 static 경로로 지정해야 지정된("/js") 경로로 서비스를 할 수 있습니다. a..

1. Express.js 를 이용한 웹 사이트 만들기 Express.js 는 nodejs를 위한 웹 프레임워크 모듈입니다. Express.js 를 이용하면 간단히 웹서버를 만들 고 웹 사이트 개발을 쉽게 할 수 있습니다. 자세한 내용은 홈페이지 참고 https://expressjs.com/ko/ Express - Node.js 웹 애플리케이션 프레임워크 Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save expressjs.com Express 모듈을 설치해줍니다. >npm install express --save express 를 설치 하고 나면 프로젝트 폴더에 node_modules 라는 package 모듈들이 설치가 되고 package.jso..

1.Node.Js 설치 와 개발환경 구성 ​ node.js 는 javascript 런타임 으로 클라리언트에서만 사용하던 javascript 를 이용하여 브라우저 밖의 서버측에서 실행 할 수 있게 되었습니다. 자세한 설명은 위키나 지식백과 참고 https://ko.wikipedia.org/wiki/Node.js https://terms.naver.com/entry.nhn?docId=3580502&cid=59088&categoryId=59096 node.js 를 이용하게 위해서는 가장먼저 node.js 를 설치 https://nodejs.org/ 에서 환경에 맞는 버전으로 설치 node.js 설치가 완료 되었으면 아래와 같이 "node" 를 입력하면설치된 버전이 표시됩니다. ​ node.js 를 개발하기위한..