반응형
패스트캠퍼스 [Node 웹 프로그래밍 올인원 패키지 Online] 강의를 기반으로 공부하기 위해 작성한 글입니다. 부족한 설명이나 내용에 대해 말씀해 주시면 수정 및 추가하겠습니다.
▼ nunjuck를 사용하지 않으면 class ="active" 를 하나로 고정됨
▼ http://localhost:3000/admin/products 인경우에 List에 Active 표시된다
▼ http://localhost:3000/admin/products/write 인 경우에도 List에 Active 표시된다.
Active가 List에만 고정되는것을 볼수있다.
이런 문제를 해결하기 위해서 Nunjucks로 Macro를 만들 수 있다.
매크로를 만드는 방법은 아래와 같다.
▼ macro폴더에 link.html 라는 이름으로 Link 매크로를 만들어보자
▼ from 으로 위에서 만든 Macro를 불러온다. href, text, current_url 인자를 입력하면 해당하는 url로 Active 되는것을 확인 할수있다.
▼ url에 따라 변화하는 것을 확인 할수있다. /wirte 인경우 Write에 Active, /product인 경우 List Active
반응형
'Back-end > node.js' 카테고리의 다른 글
| [node.js] Nunjucks 설치 방법 (0) | 2021.05.09 |
|---|---|
| [node.js] Routing 간단한 예제 (0) | 2021.05.07 |
| [node.js] nodemon 설치방법(window) (0) | 2021.05.07 |
| [node.js] express 설치 및 서버만들기 간단 예제 (0) | 2021.05.07 |
| [node.js] 모듈 패턴 간단한 예제 (0) | 2021.05.05 |