특정 페이지에서만 헤더 미표시하는 좋은 방법은 무엇이 있을까요?

Question

수고하십니다~~vue3 + ts를 이용해 프론트단 개발중입니다.보통 페이지는 헤더 부분과 컨텐츠 부분으로 나뉘어 집니다.특정 페이지(인덱스 페이지등)에서는 헤더 표시되면 안되고, 다른 페이지에서는 헤더 표시되어야 합니다.이걸 구현하는 best practice는 무엇이 있는지 궁금합니다.아래는 제가 생각해 보고, 구현해 보았던 방안들 입니다. 모두 맘에 들지 않네요...쩝방안1) 헤더 미표시 페이지에는 template에 header정보를 포함하지 않음. 헤더 표시 페이지는 template에 header 정보를 포함. 단점 : header tag 중복방안2)모든 페이지에 header 정보 포함. 각 페이지에서 header를 show/hide시키는 코드 수행단점 : (불필요)코드 중복한수만 가르쳐 주세요~~

파이리v · Answer

전 현재 nuxt3를 사용하고 있는데 헤더 포함/미포함 레이아웃을 만들고 페이지별로 레이아웃을 선택적으로 가져가고 있네요

더미 · Answer

https://analogcode.tistory.com/40

신도림산당 · Answer

Header.vue에 조건절로 v-if, v-show로 hide, show 처리하면 되지 않나요? router 로 페이지 구별하고

특정 페이지에서만 헤더 미표시하는 좋은 방법은 무엇이 있을까요?

3개의 답변

Q&A 목록