node.js

# 조건문 자바스크립트에서 조건문은 if(num % 2 === 0){ 결과 }else{ 결과 } 이렇게 작성하면 되지만 ejs 템플릿에 작성할 때는 { const {sub} = req.params; const data = storeData[sub]; if(data){ res.render('sub', { _data : data , sub}); }else { res.render('notfound', {sub}) } }) 실패시엔 notfound.ejs 파일을 불러옴 가져온 json 데이터를 보고 어떻게 가져올지 생각한 후 count : 조건문과 루프를 활용하여 데이터를 뽑아낸다. 가져온 data.json은 약국정보와 수를 담고있어서 req.params를 data에 적용해서 두 페이지로 나눴다. 요청 페이지에..

node express의 라우팅을 할 때 경로를 변수로 지정할 수 있다. index.js const express = require('express'); const app = express(); const port = 8080; app.get('/r/:sub', (req, res) => { const {sub} = req.params; res.render('sub', {sub}) }) req.params 를 사용하면 url 요청된 값을 가져올 수 있다. 이 값을 변수에 저장해서 ejs에 넘겨주면 템플레이팅도 가능하다. sub.ejs page 잘 전달된 모습이다.

https://ejs.co/ EJS -- Embedded JavaScript templates Simple syntax JavaScript code in simple, straightforward scriptlet tags. Just write JavaScript that emits the HTML you want, and get the job done! ejs.co ejs 문서에 tag 부분을 보면 구문을 지정해 스크립트를 작성할 수 있게하는데 이 부분은 보간 구문이라고 한다 { console.log('포트번호 : 8080') }) 실행 결과 새로고침 할 때마다 랜덤함수가 잘 적용된다. 하지만 이것은 올바르지 않은 코드이다. 템플릿은 단순하게 보여야 하기 때문에 값만 전달해서 보간 구문에 뿌려줘야한다...

ejs 쓰는이유 일반적인 HTML 파일에서 스크립트 코드는 내부에 작성해야 하는 번거로움이 있었지만, ejs는 지정된 태그를 사용해 스크립트 내용을 하나의 요소처럼 사용할 수 있게 한다. 가장 큰 장점은 서버에서 보낸 변수를 가져와서 사용할 수 있다. https://github.com/mde/ejs/wiki/Using-EJS-with-Express Using EJS with Express Embedded JavaScript templates -- http://ejs.co. Contribute to mde/ejs development by creating an account on GitHub. github.com 해당 사이트에 express와 사용할수 있는 방법에 대해 나와있다. 설치 npm install..

node를 쓰다보면 저장할 때마다 서버를 새로켜야 하는 불편함이 있었다. 이를 해결할 수 있는 패키지가 있는데 바로 nodemon이다. https://www.npmjs.com/package/nodemon nodemon Simple monitor script for use during development of a Node.js app.. Latest version: 2.0.22, last published: 2 months ago. Start using nodemon in your project by running `npm i nodemon`. There are 4546 other projects in the npm registry using nodemon. www.npmjs.com 설치후 사용하면 된다..

url에 보면 url 일부로 ? 뒤에 존재하며 쿼리 문자열의 한부분으로 키-쌍 값의 정보를 담고있다. 종종 애플리케이션은 쿼리 문자열로 값을 받도록 설정되어 있다. mdn 사이트에서 colors를 보면 https://developer.mozilla.org/ko/search?q=colors MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org 위처럼 쿼리문자열의 매개변수 이름이 colors가 된것이다. node로 바꾸면 노드페이지가 나온다 ..