# ejs

53개의 포스트

[포스코x코딩온] 웹개발자 입문 과정 5주차 1회고 | node.js

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

3일 전
·
0개의 댓글
·
post-thumbnail

[포스코 x 코딩온] 웹개발 과정 3주차 회고 - 5 | 백엔드 구축

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

2023년 3월 17일
·
0개의 댓글
·

EJS

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

2023년 3월 12일
·
0개의 댓글
·

ejs 사용기

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

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

multer - Node.js 파일 업로드 처리하기

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

2023년 2월 28일
·
0개의 댓글
·

client 웹페이지 <-> server간 socket.io연결에 parser추가

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

2023년 2월 2일
·
0개의 댓글
·
post-thumbnail

[Node.js] ejs

[Node.js] ejs

2023년 2월 1일
·
0개의 댓글
·

Node.js 동적 콘텐츠 출력

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

2023년 1월 21일
·
0개의 댓글
·
post-thumbnail

[MongoDB] DB 데이터 읽기 - ejs

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

2023년 1월 7일
·
0개의 댓글
·
post-thumbnail

내배캠 48일차

프로젝트 설정

2022년 12월 31일
·
0개의 댓글
·
post-thumbnail

[Express] EJS의 조건문과 반복문

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

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

[Express] EJS 보간(interpolation) 구문을 이용한 템플릿에 데이터 전달하기

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

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

[Express] EJS views 디렉토리 설정

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

2022년 12월 5일
·
0개의 댓글
·
post-thumbnail

[Express] EJS용 Express 구성하기

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

2022년 12월 5일
·
0개의 댓글
·

Express, ejs 템플릿, package.json, .gitignore, 미들웨어

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

2022년 11월 22일
·
0개의 댓글
·

221122 Node.js #9

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

2022년 11월 22일
·
0개의 댓글
·

221121 Node.js #8

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

2022년 11월 21일
·
0개의 댓글
·

221118 Node.js #7

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

2022년 11월 18일
·
0개의 댓글
·

221117 Node.js #6

MongoDB, 템플릿 엔진, ejs

2022년 11월 17일
·
0개의 댓글
·
post-thumbnail

토이 프로젝트_ 포토앨범 (1단계 서버 세팅, DB 연결)

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

2022년 11월 4일
·
0개의 댓글
·