# ejs
엘리스 SW 엔지니어 트랙 7주차
이제 다음 주면 프로젝트 시작이다.프론트, 백 어떤 걸 하든 상관 없긴하나 백앤드를 해보고 싶긴 하다.(둘 다 자신이 없어서 뭘 하든 상관 없다는 뜻.🤯)백앤드 프로젝트 경험이 있다면 프론트 개발자가 되더라도 백이랑 협업하기 좀 더 원활할 것 같기 때문이다.프론트를
프론트엔드 복습 정리 28 : 템플레이팅, 동적 HTML, EJS
템플레이팅은 미리 셋팅된 템플릿을 만든느 것항상 같은 html 정적 코드를 쓰는 대신에 정보와 로직을 넣어서루프로 여러번에 걸쳐 템플릿의 일부를 반복할수 있게 해준다ex) 각각 다른 주제로 같은 디자인을 가지는 게시판들EJS를 사용한다 Embedded JavaScrip
[포스코x코딩온] 웹개발자 입문 과정 5주차 1회고 | node.js
프론트엔드 수업의 프로젝트까지 끝난 후! (기초 수업)백엔드 수업에 들어가게 되었다!node.js 수업을 배우게 되는데,, 과연 나의 어느곳에 더 맞을지..! 일단 node 프로젝트를 생성하는 법을 먼저 알아보자따로 뭔가를 해줄필요없이 .ejs 파일을 생성하면 된다 .
EJS
템플릿 엔진서버 데이터를 HTML에 쉽게 넣는 것을 도와주는 일종의 HTML 렌더링 엔진작업폴더에 views라는 이름의 폴더를 만들고views 안에 ejs파일을 만들어야 작동함.server.js(작명은 자유)의 상단에 app.set('view engine', 'ejs'
ejs 사용기
회사의 사내 시스템 관리 목적으로 ejs와 nodejs Express로 개발된 프로젝트가 있었다. 몇 가지 기능이 추가될 예정이라 잠시 이 프로젝트를 담당하게 되었다.일반적으로 html 파일 내에서 javascript를 사용하려면 <script> 태그 내에 작성해
multer - Node.js 파일 업로드 처리하기
multer는 multi-part/form-data 데이터를 처리하기 위해 만든 미들웨어이다. 쉽게 말해 클라이언트에서 전송한 파일을 쉽게 업로드 할 수 있도록 도와주는 미들웨어이다. 설치Node.js 서버로 파일을 업로드하는 html 코드를 작성해보자.이 코드를 모두
client 웹페이지 <-> server간 socket.io연결에 parser추가
소켓io 깃헙에서 추천하는 socket.io-msgpack-parser 를 사용해서 해결socketserver.jsconst msgpack = require("socket.io-msgpack-parser")const io = new Server(app,{ parser:
Node.js 동적 콘텐츠 출력
shop.js 🧐 ejs 객체에 있는 모든 필드는 Shop.ejs템플릿에 전달되고 템플릿 내에서는 이것을 사용 할 수 있게된다.
[Express] EJS의 조건문과 반복문
이 템플릿은 라우터로부터 랜덤한 숫자 Num을 res.render() 메서드의 두번째 인자인 객체의 형태로 전달받고 있다.그 후 <%= 구문으로 HTML에 출력되고 있다.근데 만약 이 랜덤한 값이 짝수일 때 h2태그로 짝수인지 홀수인지 출력하려면 어떻게 해야할까?
[Express] EJS 보간(interpolation) 구문을 이용한 템플릿에 데이터 전달하기
EJS 같은 템플레이팅 엔진을 사용하는 이유는 로직을 더하고 데이터를 보충해서 구성하기 위함이다.쉽게 말하자면 템플레이팅 엔진은 반복이나 조건이 있는 여러 값이 들어가는 HTML의 성능을 올리는 것이 목적이다.그러기 위해서 EJS 구문을 확실히 익히는 것 또한 중요하다
[Express] EJS views 디렉토리 설정
EJS 패키지를 설치하고 app.set()으로 Express에게 EJS를 사용할 것이라고 알려줬다.그런데 여기서 views 디렉토리에 문제가 있다.views의 상위 디렉토리 내에서 서버를 실행하고 요청을 하면 정상적으로 페이지가 렌더링이 된다.하지만 views의 상위
[Express] EJS용 Express 구성하기
템플레이팅을 위해 EJS를 사용하는데 Express에게 알려줘야한다.EJS란?Embedded JavaScript먼저 EJS를 설치를 하고,app.set() 메서드로 view engine을 ejs로 설정을 한다.이 설정을 마치고 나면 새 Express 앱을 만들고 vie
Express, ejs 템플릿, package.json, .gitignore, 미들웨어
Express, ejs 수업 NPM : Nodde Package Manager - 노드 패키지를 관리해주는 툴 >package.json ⇒ 프로젝트에 대한 정보와 사용 중인 패키지 이름 및 버전 정보 패키지들이 서로 의존되어 있어, 문제가 발생할 수 있는데 이를 관