카테고리 없음

React의 manifest.json에 대해 알아보자

썽연 2023. 6. 16. 00:23
728x90

React 프로젝트를 진행하다보면 public폴더 내 manifest.json파일을 흔히 볼 수 있다.

 

프로젝트를 진행하면서 manifest.json에 대해 자세히 파헤쳐본 적이 없었기 때문에 문득 이 파일이 무엇을 하는지 궁금해졌다.

 

manifest.json

웹앱 manifest란 앱에 대한 정보를 담고 있는 json 파일이다.

배경색과, 앱의 이름, 홈스크릲 ㅘ면에 추가할 아이콘 등의 정보를 담는 것이다.

웹앱 매니패스트의 파일명은 manifest.json으로 많이 사용하곤 한다.

 

{
  "short_name": "React App",
  "name": "Create React App Sample",
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

short_name : 사용자 홈 화면에서 아이콘 이름으로 사용

name : 웹앱 설치 배너

start_url : 웹앱 실행시 시작되는 url 주소

display : 디스플레이 유형 (fullscreen, standalone, browser)

theme_color: 상단 툴바 색상

background_color : 스플래시 화면 배경색상

 

을 뜻한다.

 

쉽게 말해서, 웹앱의 기본 설정을 다루고 있다.

 

프로젝트를 진행하다가, 배포된 사이트에서 Create React App Sample 라는 문구가 뜬 적이 있었다.

해당 부분은 테스트할 때 발견 못했으나, 핸드폰이 느린 경우의 사용자에서 발견이 되었다.

 

앞으로는 manifest.json 파일도 신경써야겠다..

 

728x90