로컬 헤더는 특정 화면에서만 사용되는 헤더입니다. 예를들어, 특정 화면에 특화된 버튼이나 제목을 포함할 수 있습니다. 이 헤더는 각 화면의 필요에 따라 다르게 구성될 수 있습니다.
글로벌 헤더 외에 로컬 헤더가 따로 필요한 이유가 있습니다. 글로벌 헤더에서 처리가 불가능한 데이터가 있기 때문이에요! 예를들어서, fetch 해서 가져온 데이터 내용이 헤더에 들어가야 한다던가 하는 경우는 글로벌헤더에서 처리할 수 없습니다. 주로 상세페이지의 헤더가 그러한 경우가 많지요.
베이스 헤더는 글로벌 헤더와 로컬 헤더의 공통된 부분을 정의한 것입니다. 즉, 두 헤더에서 반복되는 요소를 하나의 컴포넌트로 만들어 코드의 재사용성을 높이고 관리하기 쉽게 합니다.