Programming/Node.js

Node.js - Express-generator 사용하여 개발환경 구축하기 Node.js에 입문하고 프로젝트를 개발환경을 구축을 하려고 하는 경우 디렉토리의 구조를 잡기 어려울 것이다. Express-generator는 이런 Express환경을 간단하게 구축해주는 npm이다. 1. npm으로 Express-generator 설치하기 npm install -g express-generator 터미널에 입력하여 실행하기 2. 프로젝트 환경구성하기 명령어를 실행하여 환경구성을 한다. -- view의 확장자를 pug로 설정 # express [프로젝트명] --view=pug -- view의 확장자를 ejs로 설정 # express [프로젝트명] --view=ejs 저는 ejs로 프로젝트를 설정하기 때문에 확장..

Express EJS에 부트스트랩(BootStrap) 적용하는 방법 Express EJS를 View로 활용하면서 부트스트랩을 적용할 수 있을까 찾아봤더니 있다. 오늘은 EJS에 부트스트랩(BootStrap) 적용하는 방법에 대해 기록한다. https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com 1. bootstrap 설치..

Node.js - GET, POST 요청 처리 예제 Node.js의 GET, POST방식의 간단 예제에 대해 기록한다. 1. GET 방식 app.js /* app.js */ const express = require('express'); const app = express(); // node 템플릿 app.set('view engine', 'ejs'); app.set('views', './views'); app.get('/', (req, res)=>{ res.render('index'); }); app.get('/get', (req, res)=>{ res.send("GET"); }); app.listen(3000, ()=>{ console.log('Connected at 3000'); }); index...

Cannot find module 'ejs' 해결 방법 이와 같은 오류는 ejs 템플릿이 정상적으로 설치되지 않았기 때문에 발생하는 오류이다. 해결방안은 2가지이다. 1. ejs 템플릿 설치 Node.js에 입문하여 프로젝트 구성 중 Express 서버에서 View(화면)을 담당하는 파일을 띄우려면 템플릿을 사용해야 하는데. ejs 모듈을 찾지 못하는 오류가 발생하였다. npm install ejs --save 명령어로 ejs를 설치해준다. 꼭 --save를 붙여 명령어를 실행하도록하자. 설치된 node 모듈을 package.json 파일 내의 디펜던시 목록에 추가하게 하는 옵션이다. 2. package.json 디펜던시 추가 1번처럼 ejs 템플릿을 설치하면 자동으로 package.json파일에 디펜던..

Node.js - Visual Studio Code로 개발 환경 구축 새로운 개인 프로젝트를 Node.js를 사용하여 환경구축 하기 위해 Visual Studio Code로 개발환경 구축 방법을 기록한다. 목차 Node.js 설치 및 환경변수 등록 Visual Studio Code 설치 및 Node.js 환경구축 Node.js Express 서버 구축 Node.js Express서버에 Nodemon 라이브러리 사용하기 1. Node.js 설치 및 환경변수 등록 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 링크에서 LTS버전을 다운받는다. 1)..