absolute / relative URL
href 앞부분에 / 넣으면 위치에 상관없이 root + /위치로 이동한다. href="/login" -> localhost:4000/login으로 이동한다. relative url은 / 없는 상태이며 현재위치 + /위치로 이동한다. href="edit" -> loacalhost:4000/videos/edit로 이동한다.
* 현재위치 : loacalhost:4000/videos/3
relative url : a (href="edit") ===> localhost:4000/videos/edit 이동
absolute url : a (href="/edit") ===> localhost:4000/edit 이동
a (href=`${video.id}/edit`) ===> localhost:4000/videos/3/edit 이동
ternary operator (삼항연산자)
pug에서도 삼항연산자 적용이 가능하다.
예 ) view가 1일 때는 view, 1이상일 때는 views로 표기하기 위해 삼항연사자 활용
h3 #{video.views} #{video.views === 1 ? "view" : "views"}
React (5) - Converter, 삼항연산자
* JSX, state활용한 단위 환산기 만들기 (분↔시간) 1. 분, 시간 입력 받는 input 작성 2. state을 활용한 입력값 전달 3. onChange event 4. reset / flip 버튼 const root = document.querySelector("#root"); function App() { const [
juokey.tistory.com
반응형
'백엔드 > nodeJS' 카테고리의 다른 글
| 브라우저 Status Code (0) | 2023.07.16 |
|---|---|
| express (6) - GET / POST (0) | 2023.06.25 |
| Express View engine - PUG (3) (0) | 2023.06.23 |
| Express View engine - PUG (2), mvp.css (0) | 2023.06.22 |
| Express View engine - PUG (1) (0) | 2023.06.21 |
