[#2] 기타 UI 구현 - Header 컴포넌트, NotFound 페이지 컴포넌트

[youngminss]

해결한 이슈

• 기타 UI 구현 #2

해결 방법

NotFound 페이지 정보 중, 오류 요청 URL 정보 출력

• window 객체의 location.href 만 적용한다면 초기 렌더링은 정상 작동하나, 다른 존재하지 않는 페이지 라우팅 시 이전과 동일한 URL 을 보여주는 현상 발생
• react-router-dom 의 useLocation 훅을 사용하나, 결과 객체의 Full URL 을 제공하진 않음 -> pathname 프로퍼티만 사용, 나머지 정보(protocal, host, port)는 window.location 객체 정보를 사용하기로 함.

캡처 첨부

추가적인 태스크

• (클론 타겟 페이지 기준) 반응형 헤더 UI 를 제공하는 것 같음, 필수 요구사항 구현 이후에 구현 고려.

PR Submit 이전에 확인하세요 !

체크리스트

• Merge 하는 브랜치에 Master/Main 브랜치가 아닙니다.