티스토리 뷰
카테고리 없음
PUG) PUG의 변수 사용법 그리고 conditionals (if , if else)에 대한 내용
YG - 96년생 , 강아지 있음, 개발자 희망 2021. 5. 30. 09:00PUG 변수 사용법
오직 하나의 값만 가질 때는
h1=pageTitle 처럼 변수를 직접 =을 사용하여 이용가능하다

변수와 다른 텍스트를 이용할때는
What is Page Title : #{pageTitle} 처럼 #{ 변수이름 } 을 사용하여야 한다

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




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




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
링크
TAG
- NextApiRequest
- WSL2
- CLASS
- Storybook
- 프리온보딩
- import/order
- TopLayer
- 초보
- env
- 원티드
- NextRequest
- 스토리 북
- 노마드코더
- javascript
- 윤성우 열혈C프로그래밍
- jest
- nextjs
- electron
- 아차산
- 위코드
- C언어
- 노개북
- createPortal
- error
- 북클럽
- nodejs
- 우아한테크코스
- 프론트앤드
- React
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함