[TIL]2023.08.07 와일드카드 문자 경로: 404 page( path='/*')에서 header 혹은 footer 숨기기 (2) 🥷🏻 🥷🏻

[TIL]2023.07.19 특정 page에서 header 혹은 footer 숨기기 🥷🏻
지난 TIL에서 2가지 해결방법을 찾아보았다, 이번 프로젝트에서도 똑같은 상황이 반복 되는 경우가 발생 되었는데 아침마다 알고리즘 문제를 풀어서 그런지, 튜터님께 질문을 던졌고 해결 방법을 제시해 주셨는데 거기에서 힌트를 얻어 더 좋은 방법을 찾아내게 되었다 !

이슈 개요

• NotFoundPage 에서 footer 를 숨기려고 했으나 숨겨지지 않음
  
  와일드카드 문자로 이루어진 경로 에서는 적용되지 않는 문제

해결 방법

와일드카드 문자로 이루어진 경우가 아닌 조건을 만들어 적용

if (
  window.location.pathname !== '/signup' &&
  window.location.pathname !== '/login' &&
  window.location.pathname !== '/' &&
  window.location.pathname !== '/post' &&
  window.location.pathname !== '/board' &&
  window.location.pathname !== '/detail/:id' &&
  window.location.pathname !== '/user/:id' &&
  window.location.pathname !== '/report'
) {
  return null;
}

includes 메소드를 이용한 간결한 코드정리

if (!['/signup', '/login', '/', '/post', '/board', '/detail/:id', '/user/:id', '/report'].includes
    (window.location.pathname)) return null;