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 프레..

이전글 쿠키 및 세션 [dev/node.js] - node.js 맨땅 개발하기 - 쿠키와 세션(cookie, session) node.js의 데이터 베이스와 쿠키의 기본적인 사용법을 이용하여 회원가입, 로그인, 로그아웃을 구현합니다. 1. login-router.js 회원가입, 로그인, 로그아웃 관련 라우터 모듈 // login-router.js const path = require("path"); var express = require("express"); var router = express.Router(); var controller_main = require("../controllers/login-controller"); // 로그인 라우터 router.get("/login", function(r..

쿠키(Cookie) 쿠키에 대한 자세한 설명 https://terms.naver.com/entry.nhn?docId=819094&cid=42344&categoryId=42344 https://ko.wikipedia.org/wiki/HTTP_%EC%BF%A0%ED%82%A4 http 쿠키를 생성하기 위해서는 Response 헤더에 Set-Cookie 를 이용하여 생성을하게 된다. 여기서는 cookie-parser 미들웨어를 이용하여 쿠키를 생성 삭제 하는 방법을 알아본다. 1. npm 쿠키 파서 설치 npm install cookie-parser --save 2. 설치한 모듈을 app.use 에 등록 var cookieParser = require('cookie-parser') app.use(cookieP..

모듈을 이용한 프로젝트 파일 구성 index.js 에 라우팅 소스 및 여러 모듈들이 함께 있다 보니 소스코드의 가시성이 매우 떨어집니다. 이처럼 비슷한 기능을 하는 것 들을 하나의 파일로 묶에서 모듈로 만들 수 있습니다. 이전 글에서 모듈에 대해서 잠깐 알아 보았습니다. 2020/10/09 - [dev/node.js] - node.js 맨땅 개발하기(4) - module node.js 맨땅 개발하기(4) - module mod·ule 모듈, 교과목 단위(특히 영국 대학에서 한 교육 과정의 일부가 되는 단위) 모듈(특정 기능을 하는 컴퓨터 시스템이나 프로그램의 단위) 모듈, 조립 부품(기계·가구·건물 등을 구성하는 규 askforyou.tistory.com routes -> controllers -> se..

mod·ule 모듈, 교과목 단위(특히 영국 대학에서 한 교육 과정의 일부가 되는 단위) 모듈(특정 기능을 하는 컴퓨터 시스템이나 프로그램의 단위) 모듈, 조립 부품(기계·가구·건물 등을 구성하는 규격화된 부품) 출처: 모듈이란 특정기능을 하는 프로그램 단위로 함수나 파일을 구성하는 단위라고 보시면 됩니다. 우리는 그동안 이미 여러가지 모듈 express, body-parsor 등 node.js 의 npm, 을 통해서 모듈들을 다운로드 하여 사용하는 법을 배 웠습니다. node.js 를 설치하면서 이미 함께 설치된 것을 내장모듈 이라고 하고 npm 이나 개인이 만들 모듈들은 외장모듈이라고 합니다. 이처럼 모듈을 만들고 사용하는 방법에 대해서 알아보려고 합니다. 1. 모듈 불러오기 require 라는 키워..

mariaDB 를 설치합니다. 설치 방법 참고 2020/10/08 - [dev/database \ sql] - mariaDB 설치 가이드 for windows maridDB 관련한 자세한 문서 및 사용법은 사이트 참고 바랍니다. 1. maridb Connector 이용 mariaDB 를 이용하기 위한 npm 모듈을 설치해 줍니다. >npm install maridb --save 설치한 npm 모듈을 require 한 후 연결정보를 설정합니다. var mariadb = require('mariadb'); const pool = mariadb.createPool({ host: '127.0.0.1', port: 3308, user: 'root', password: 'xxxxx', connectionLimit:..

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..