티스토리 뷰
PUG,EXPRESS) variable (변수) ,ternary operator, relative,absoulte 경로 생성에 대한 내용
YG - 96년생 , 강아지 있음, 개발자 희망 2021. 6. 1. 09:00variable (변수) 사용법
일반적인 text 로 같이 사용하는 경우는
변수는 : #{ 변수이름 }
h1=변수이름
으로 같이 사용이 가능한데
attribute에는 사용이 불가능하다
a(href="/videos/" + video.id)
혹은
a(href=`/videos/${video.id}`) 로 사용 가능하다
ternary operator
h3 #{ 변수이름 } #{ 변수이름 === 조건 ? (같다면) "같다" :(같지 않다면) "아니다"
로 사용 가능합니다
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
삼항 조건 연산자 - JavaScript | MDN
조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 보통 if 명령문의 단축 형태로 쓰입니다.
developer.mozilla.org
relatvie url 과 absoulte url 의 차이
localhost:4000/profile/edit-profile/password
=====> a(href="potato") : localhost:4000/profile/edit-profile/potato //relative url
localhost:4000/profile/edit-profile/password
=====> a(href="/potato") : localhost:4000/potato //absoulte url
relatvie url
a(href="potato") >> / (슬레쉬)를 안붙히고 경로 설정한다면 자신의 현재 경로에서 potato를 붙혀서 생성된다
localhost:4000/profile/edit-profile/password >> localhost:4000/profile/edit-profile/potato
absoulte url
a(href="/potato") >> / (슬레쉬)를 붙히고 경로 설정한다면 root 경로에서 potato를 붙혀서 생성된다.
localhost:4000/profile/edit-profile/password >> localhost:4000/potato
'자바스크립트' 카테고리의 다른 글
MongoDB,Mongoose) 설치법 및 Schema,mongoose 이용 방법에 대한 내용 (0) | 2021.06.03 |
---|---|
PUG,EXPRESS) 데이터를 back end로 보내는 방법 (0) | 2021.06.02 |
PUG) iteration , mixin 에 대한 내용 (0) | 2021.05.31 |
PUG) 퍼그 설치, 사용법에 대해 알아보기 (0) | 2021.05.29 |
javascript) modal 창 만들어보기 - 1 (0) | 2021.05.27 |
- Total
- Today
- Yesterday
- 초보
- 프리온보딩
- React
- javascript
- 노마드코더
- nextjs
- 위코드
- 프론트앤드
- 노개북
- Storybook
- import/order
- WSL2
- createPortal
- error
- electron
- TopLayer
- 스토리 북
- NextRequest
- 우아한테크코스
- nodejs
- C언어
- 아차산
- 원티드
- jest
- 북클럽
- 윤성우 열혈C프로그래밍
- NextApiRequest
- env
- CLASS
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |