티스토리 뷰

카테고리 없음

PUG) PUG의 변수 사용법 그리고 conditionals (if , if else)에 대한 내용

YG - 96년생 , 강아지 있음, 개발자 희망 2021. 5. 30. 09:00

PUG 변수 사용법

오직 하나의 값만 가질 때는

 

h1=pageTitle 처럼 변수를 직접 =을 사용하여 이용가능하다

 

변수와 다른 텍스트를 이용할때는

 

What is Page Title : #{pageTitle} 처럼 #{ 변수이름 } 을 사용하여야 한다

Conditionals

if , else if 를 사용한다면 예를들어 사용자가 로그인 상태인지 로그아웃 상태인지 알 수 있다.

 

if문을 활용해야 하고
ES6 이전의 방법
ES6을 이용하는 방법
if문에 사용하는 변수명 , 그리고 res.render 두번째 인자에 변수의 이름을 추가하여야 한다

사용자의 로그인 상태를 if 문을 활용하여 물어서 true이면 로그아웃이 화면에 나타나도록 하였고 ,

사용자의 이름이 상단에 나오게 하였다 

그리고 로그아웃 상태이면 로그인만 보이게 하였다


로그아웃과 유저 이름이 화면에 보임
loggedIn 이 True 이기 때문이다

 


로그인만 화면에 보이는 사진
loggedIn이 false 이기 때문에

 

 

Conditinals 를 활용하는 여러방법들

 

https://pugjs.org/language/conditionals.html

 

Conditionals – Pug

Conditionals Pug’s first-class conditional syntax allows for optional parentheses. If you’re coming from Pug v1, you may now omit the leading -. Otherwise, it’s identical (just regular JavaScript): - var user = {description: 'foo bar baz'} - var auth

pugjs.org

 

 

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함