Manifest

CRA(create-react-app)을 이용하여 프로젝트를 생성하면 public 폴더에 생성되는 파일 중 manifest 파일이 어떤역할을 하는지 궁금해서 찾아보았다.

Manifest 파일은 웹 애플맄이션의 기본 정보를 정의하는 파일이다. Manifest를 사용하면 웹 앱을 PWA로 변환하고, 앱 아이콘 설명, 시작 URL 등을 구성하여 사용자 경험을 개선할 수 있다.

PWA
Progressive Web App의 약어로, 웹 기술을 사용하여 웹 앱을 개발하고 사용자에게 앱과 유사한 경험을 제공하는 것을 목표로 한다.

Manifest 파일 구성

일반적으로 아래와 같은 속성을 포함할 수 있다.

• name: 앱의 이름
• short_name : 짧은 버전의 앱 이름
• description : 앱에 대한 설명
• start_url : 앱을 열 때 표시될 기본 URL
• icons : 앱 아이콘의 경로와 크기
• 기타 속성 : 배경 색상, 디스플레이 모드, 방향 등

사용방법

index.html에 Manifest링크 추가

<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />