[React] manifest.json 이란?

Yuri Lee·2021년 7월 19일
1

CRA(create-react-app) 구조

CRA 로 react 프로젝트를 실행하면 public 폴더에 다음과 같은 파일이 생성된다. 그 중에서 manifest.json 파일이 정확히 어떤 파일인지 궁금했다.

manifest.json

웹앱 매니페스트란 앱에 대한 정보를 담고 JSON 파일이다. 배경색은 어떠한 색인지, 앱의 이름은 무엇인지, 홈스크린 화면에 추가할 때 아이콘은 어떤 것인지 등의 정보를 담고 있다. 웹앱 매니페스트는 manifest.json 파일명을 대부분 사용한다.

{
  "short_name": "React App",
  "name": "Create React App Sample",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    },
    {
      "src": "logo192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "logo512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}
  • short_name : 사용자 홈 화면에서 아이콘 이름으로 사용
  • name : 웹앱 설치 배너에 사용
  • icons : 홈 화면에 추가할때 사용할 이미지
  • start_url : 웹앱 실행시 시작되는 URL 주소
  • display : 디스플레이 유형(fullscreen, standalone, browser 중 설정)
  • theme_color : 상단 툴바의 색상
  • background_color : 스플래시 화면 배경 색상
  • orientation : 특정 방향을 강제로 지정(landscape, portrait 중 설정)

https://velog.io/@jch9537/React-manifest.json

profile
Step by step goes a long way ✨

0개의 댓글