# ejs
[포스코x코딩온] 웹개발자 입문 과정 5주차 1회고 | node.js
프론트엔드 수업의 프로젝트까지 끝난 후! (기초 수업)백엔드 수업에 들어가게 되었다!node.js 수업을 배우게 되는데,, 과연 나의 어느곳에 더 맞을지..! 일단 node 프로젝트를 생성하는 법을 먼저 알아보자따로 뭔가를 해줄필요없이 .ejs 파일을 생성하면 된다 .

[포스코 x 코딩온] 웹개발 과정 3주차 회고 - 5 | 백엔드 구축
3주차 5일째에는 nodejs로 백엔드를 구축하는 방법을 알아보았다.백엔드는 웹 애플리케이션의 사용자가 보지 못하는 영역인 서버나 데이터베이스를 관리하는 기술입니다. 프론트엔드는 사용자가 웹 서비스를 편하게 이용할 수 있도록 사용자 인터페이스를 다룬다면, 백엔드는 실질
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 ⇒ 프로젝트에 대한 정보와 사용 중인 패키지 이름 및 버전 정보 패키지들이 서로 의존되어 있어, 문제가 발생할 수 있는데 이를 관
221122 Node.js #9
MongoDB Atlas(회원가입), MySQL(리스트, 글작성, 회원가입, 로그인), 보안(세션 생성, 세션 삭제), 로그인 + 보안(세션을 파일로 관리, 세션을 DB로 관리 (MySQL)), 단방향 암호화 기법(MD5)

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