# pug

36개의 포스트
post-thumbnail

express 웹 서버 만들기 -3(템플릿 엔진(feat. 퍼그, 넌적스))

템플릿 엔진 - 1. 퍼그(Pug), 2. 넌적스(Nunjucks)

1일 전
·
2개의 댓글

[강좌 요약]유튜브 클론코딩 04

6.MONGODB AND MONGOOSE 백엔드에 데이터를 보내는 방법으로 get과 post가 있다. title이 없다고 한다. 아래 코드를 보자. title이 없는 이유는 req.body가 없기 때문이다. html의 form형태를 body-parser해서 js o

2022년 1월 8일
·
0개의 댓글
post-thumbnail

node.JS PUG #3

PUG에서는 조건, 반복을 사용하여 HTML block을 제어할수 있다.가상의 유저를 생성했다.이 유저의 로그인 상태에 따라 페이지를 다르게 보여준다.보통의 경우라면 <script> 태그 안에 조건문을 사용하여 html을 제어했을 것이다.하지만 PUG에서는 아래와

2021년 12월 30일
·
0개의 댓글
post-thumbnail

node.JS pug #2

pug는 html을 굉장히 편리하게 작성하게 해준다.https://pugjs.org/api/reference.html <-pug 공식 문서보통의 HTML처럼 태그를 열고 닫을 필요가 없어서 매우 편리하다.대신 Python 작성이 그러하듯 부모태그와

2021년 12월 23일
·
0개의 댓글
post-thumbnail

node.JS pug #1

위와 같이 HTML 문자열을 그대로 보내는 것은 감당할수 없는 문제를 야기한다.이 문제를 해결하기 위해서nodeJS에게 view engine 으로 pug를 사용한다는 것을 알려주고.HTML 문자열을 보내주는 대신 home.pug 파일을 전송한다.여기서 home.pug의

2021년 12월 23일
·
0개의 댓글

[강좌 요약]유튜브 클론코딩 03

5 TEMPLATES 5.0 Returning HTML 컨트롤러에서 res.send("HELLO");를 리턴하면 페이지에서 HELLO가 출력된다. 하지만 이것은 텍스트를 출력하는게 아니라 HTML문서를 출력하는 것이다. 하지만 일반적인 HTML코드를 res.send(

2021년 12월 7일
·
0개의 댓글

[강좌 요약]유튜브 클론코딩 02

3.5 Middlewares part One Middleware : 브라우저가 request한 다음, 사용자가 response 하기전 중간 단계를 뜻한다. app.get("/", handleHome)에서 handleHome을 controller라고 부른다. 앞에서 ex

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

[Node.js] YouTube 클론

유튜브 클론 강의를 들으며 Node.js를 공부!

2021년 11월 17일
·
0개의 댓글

pug 정리

템플릿 엔진(뷰 엔진)

2021년 11월 16일
·
0개의 댓글
post-thumbnail

[JavaScript] 위튜브 클론코딩 - (4) Pug, Partials, Extending, Variables

2021.11.15 > #5.0~#5.6 수강 2021.11.16 > 복습, 정리 _ REF: control + c -> 서버종료 Command + 클릭 -> 경로로 이동 _ TEMPLATES #5.0 - HTML 공통시작부분을 기반으로 url을 정리해서, ur

2021년 11월 16일
·
0개의 댓글

[강좌 요약]유튜브 클론코딩 01

1 INTRODUCTION 1.3 What is NodeJS NodeJS : 브라우저 밖에서 돌아가는 자바스크립트 브라우저에서 자바스크립트를 분리해서 NodeJS를 만듦. 1.4 What is NPM npm : nodejs package manager npm은 기본적으

2021년 11월 11일
·
0개의 댓글

MDD 계산기 feat. Node.JS

오랜만에 간단한 프로젝트를 하나 만들어봤습니다!https://github.com/to2915ny/MDDCalculator혹시 투자에 관심있으신분 한번 사용해보세요!프론트엔드는 하나도 안건드렸습니다. 죄송합니다 너무 귀찮아서 ㅠㅠㅠㅠㅠㅠㅠㅠ

2021년 9월 28일
·
0개의 댓글

NodeJS - template - Pug Syntax

Element attributes are defined in parentheses after their associated element.

2021년 9월 17일
·
0개의 댓글
post-thumbnail

[TIL] pug 템플릿 엔진을 잘 사용해보자

SSR에서 html을 조금 더 세련되게 쓸 수 있도록 돕는 express 뷰 엔진이다. 이는 html태그들과 javascript를 함께 실행할 수 있게 돕는다pug는 파일을 렌더링하여 html로 변환한 뒤 내부의 javascript(없을 수도 있음)를 실행하여 텍스트로

2021년 8월 24일
·
0개의 댓글
post-thumbnail

로그인 - 이전 페이지로 돌아가기

미들 웨어를 사용하면 사용자가 로그인이 되어있어야만 사용 가능하도록 설정할 수 있다. 이건 Session을 사용해서 구현했다.

2021년 8월 10일
·
0개의 댓글
post-thumbnail

유튜브 클론코딩 복습노트-7

mongoose static 함수 사용, 비디오 삭제와 검색 기능 구현

2021년 8월 5일
·
0개의 댓글
post-thumbnail

유튜브 클론코딩 복습노트-4

비디오 업로드 기능 구현 연습, 데이터베이스 연습, GET과 POST의 차이

2021년 7월 25일
·
0개의 댓글
post-thumbnail

유튜브 클론코딩 복습노트-3

pug 문법 기초, pug 조건문, pug 반복문, MVP.css

2021년 7월 23일
·
0개의 댓글