# ejs

57개의 포스트

ejs파일과 html파일 호환성문제

html 파일로 작성한 프론트엔드를 ejs파일로 옮겼더니 html파일과 다르게 출력됨

4일 전
·
0개의 댓글
·

express, path 모듈, 템플릿 엔진을 이용해 게시판 만들기

express, path 모듈, 템플릿 엔진

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

엘리스 SW 엔지니어 트랙 7주차

이제 다음 주면 프로젝트 시작이다.프론트, 백 어떤 걸 하든 상관 없긴하나 백앤드를 해보고 싶긴 하다.(둘 다 자신이 없어서 뭘 하든 상관 없다는 뜻.🤯)백앤드 프로젝트 경험이 있다면 프론트 개발자가 되더라도 백이랑 협업하기 좀 더 원활할 것 같기 때문이다.프론트를

2023년 4월 16일
·
1개의 댓글
·

프론트엔드 복습 정리 28 : 템플레이팅, 동적 HTML, EJS

템플레이팅은 미리 셋팅된 템플릿을 만든느 것항상 같은 html 정적 코드를 쓰는 대신에 정보와 로직을 넣어서루프로 여러번에 걸쳐 템플릿의 일부를 반복할수 있게 해준다ex) 각각 다른 주제로 같은 디자인을 가지는 게시판들EJS를 사용한다 Embedded JavaScrip

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

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

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

2023년 3월 30일
·
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개의 댓글
·