# ejs

8566yu

프론트엔드 수업의 프로젝트까지 끝난 후! (기초 수업)백엔드 수업에 들어가게 되었다!node.js 수업을 배우게 되는데,, 과연 나의 어느곳에 더 맞을지..! 일단 node 프로젝트를 생성하는 법을 먼저 알아보자따로 뭔가를 해줄필요없이 .ejs 파일을 생성하면 된다 .

minhyuk00

3주차 5일째에는 nodejs로 백엔드를 구축하는 방법을 알아보았다.백엔드는 웹 애플리케이션의 사용자가 보지 못하는 영역인 서버나 데이터베이스를 관리하는 기술입니다. 프론트엔드는 사용자가 웹 서비스를 편하게 이용할 수 있도록 사용자 인터페이스를 다룬다면, 백엔드는 실질

thdgusrbek

템플릿 엔진서버 데이터를 HTML에 쉽게 넣는 것을 도와주는 일종의 HTML 렌더링 엔진작업폴더에 views라는 이름의 폴더를 만들고views 안에 ejs파일을 만들어야 작동함.server.js(작명은 자유)의 상단에 app.set('view engine', 'ejs'

17beans

회사의 사내 시스템 관리 목적으로 ejs와 nodejs Express로 개발된 프로젝트가 있었다. 몇 가지 기능이 추가될 예정이라 잠시 이 프로젝트를 담당하게 되었다.일반적으로 html 파일 내에서 javascript를 사용하려면 <script> 태그 내에 작성해

hani0903

multer는 multi-part/form-data 데이터를 처리하기 위해 만든 미들웨어이다. 쉽게 말해 클라이언트에서 전송한 파일을 쉽게 업로드 할 수 있도록 도와주는 미들웨어이다. 설치Node.js 서버로 파일을 업로드하는 html 코드를 작성해보자.이 코드를 모두

jtm5432

소켓io 깃헙에서 추천하는 socket.io-msgpack-parser 를 사용해서 해결socketserver.jsconst msgpack = require("socket.io-msgpack-parser")const io = new Server(app,{ parser:

ryudg_

[Node.js] ejs

lom

shop.js 🧐 ejs 객체에 있는 모든 필드는 Shop.ejs템플릿에 전달되고 템플릿 내에서는 이것을 사용 할 수 있게된다.

dorong36

node.js에서 MongoDB 데이터 읽고 ejs파일로 넘겨주기

zoo33

프로젝트 설정

untiring_dev

이 템플릿은 라우터로부터 랜덤한 숫자 Num을 res.render() 메서드의 두번째 인자인 객체의 형태로 전달받고 있다.그 후 <%= 구문으로 HTML에 출력되고 있다.근데 만약 이 랜덤한 값이 짝수일 때 h2태그로 짝수인지 홀수인지 출력하려면 어떻게 해야할까?

untiring_dev

EJS 같은 템플레이팅 엔진을 사용하는 이유는 로직을 더하고 데이터를 보충해서 구성하기 위함이다.쉽게 말하자면 템플레이팅 엔진은 반복이나 조건이 있는 여러 값이 들어가는 HTML의 성능을 올리는 것이 목적이다.그러기 위해서 EJS 구문을 확실히 익히는 것 또한 중요하다

untiring_dev

EJS 패키지를 설치하고 app.set()으로 Express에게 EJS를 사용할 것이라고 알려줬다.그런데 여기서 views 디렉토리에 문제가 있다.views의 상위 디렉토리 내에서 서버를 실행하고 요청을 하면 정상적으로 페이지가 렌더링이 된다.하지만 views의 상위

untiring_dev

템플레이팅을 위해 EJS를 사용하는데 Express에게 알려줘야한다.EJS란?Embedded JavaScript먼저 EJS를 설치를 하고,app.set() 메서드로 view engine을 ejs로 설정을 한다.이 설정을 마치고 나면 새 Express 앱을 만들고 vie

jsomedev

Express, ejs 수업 NPM : Nodde Package Manager - 노드 패키지를 관리해주는 툴 >package.json ⇒ 프로젝트에 대한 정보와 사용 중인 패키지 이름 및 버전 정보 패키지들이 서로 의존되어 있어, 문제가 발생할 수 있는데 이를 관

hhjk00

MongoDB Atlas(회원가입), MySQL(리스트, 글작성, 회원가입, 로그인), 보안(세션 생성, 세션 삭제), 로그인 + 보안(세션을 파일로 관리, 세션을 DB로 관리 (MySQL)), 단방향 암호화 기법(MD5)

hhjk00

MongoDB Atlas, 쿠키, 세션, 로그인

hhjk00

MongoDB Atlas, ejs, 데이터 삭제, 데이터 조회, 데이터 수정

hhjk00

MongoDB, 템플릿 엔진, ejs

codename_suding

우선 VS code에 프로젝트 구조를 아래와 같이 설계했다. 그리고 필요한 프로그램들을 express, multer, mongodb, mongoose, ejs, env, nodemon 등을 설치했다. env 파일에 DB 정보 입력하기 (env 파일은 비공개 파일로 주로