모바일 앱의 헤더는 사용자 인터페이스에서 매우 중요한 부분입니다. 헤더는 보통 앱의 제목, 탐색 버튼, 설정 아이콘 등을 포함합니다. 헤더에는 총 두가지가 있습니다.

글로벌 헤더

글로벌 헤더는 앱의 모든 화면에서 공통적으로 사용되는 헤더입니다. 예를들어, 앱의 제목이나, 로고, 메뉴 버튼이 포함될 수 있습니다.

URL 상수

API 나 다른 웹 리소스에 접근하기 위해 사용하는 고정된 URL 주소입니다. 예를들어, 서버에 데이터를 요청할 때 사용하는 주소입니다. 코드에서 URL 을 직접 입력하기보다, 상수로 정의해두면 관리가 용이합니다.

// prettier-ignore
export const HEADER_OPTIONS = {
    GLOBAL: {
      "/section02/02-02-layout-header-global": { title: "게시글등록", hasLogo: false, hasBack: true },
      // 아래에 주소 추가하기
      // ...
    },
  };

const GLOBAL_HEADER_URL = '<https://api.example.com>';