코딩 일지

send : 텍스트 자체로 응답을 준다.(돌려주는 행위) render : 파일을 가져다가 응답을 준다. 가장 먼저, npm install express nunjucks 해주는 것 잊지말기. 자바스크립트 코드 (HTML 코드는 자바스크립트 코드 끝나고 바로 작성하였다.) const express = require('express') const app = express() const nunjucks = require('nunjucks') app.set('view engine', 'html') nunjucks.configure('views',{ express:app, }) express 와 nunjucks를 외부파일에서 끌어와서 변수에 저장해준다. express 와 nunjucks를 세팅해준다. Node.js..

nunjucks란? 템플릿 엔진 중 하나이다. 사용하는 이유, 첫번째 HTML 파일을 만들어주기 위해서이다. 예를들어 프로젝트한 내용을 express를 통해 넣으려고한다. send안에 넣어야하는데.. html 그 긴코드를 다 넣을 순 없다. (가독성이 떨어짐.) 즉, HTML이 하는 역할과 express가 하는 역할을 구별하기 위해 템플릿 엔진을 쓴다. 종류는 nunjucks, ejs, pug 등등 템플릿 엔진은 많으나, 지금은 numjucks 사용할 것이다. nunjucks 설치하기 비주얼스튜디오코드에서 사용할 폴더에! npm install nunjucks 를 해주어야한다. 터미널에서 cd로 원하는 폴더로 이동 후 (ls 쳤을 때 node_modules, package.json 등등 외부 라이브러리가 ..

목차 - nodejs 설치 및 업데이트 - nvm(node version manager) 설치, 업데이트 - npm 업데이트 - 패키지, 라이브러리란? - express 라이브러리 설치 홈 디렉토리에서 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash 똑같이 복사해서 붙여넣기 해준다. 제대로 설치되었는지 확인하는 법. source ~/.bashrc nvm --version 순서대로 쳐 준다. 숫자가 출력되면 잘 설치가 된 것임. 업데이트 버전 설치하는 법 nvm install --lts lts 모양이 뜰 것이다. 여기에 그냥 코드를 입력하면된다. let a = 0 엔터키 누르고, a 엔터 다시 누르면 0..