Ionic splash, Icon 변경 적용하기 (자동화)

안녕하세요. IT김군입니다.

Ionic Framework에서 icon과 splash를 변경하는 방법에 대해 알아보도록 하겠습니다.

우선 Icon, splash로 사용할 각각의 png파일을 준비해줍니다. (Icon = 1024 x 1024  / splash = 2732 x 2732 )

원형이나 삼각형 등은 되지 않고 정사각형으로 되어야 합니다.

그럼 준비된 두 파일을 Ionic 프로젝트 폴더 내에 있는 resources 폴더에 넣어줍니다. (   /resources/icon.png ,  /resources/splash.png   )

그리고 이 작업을 수행하시려면 ionic의 id와 password가 있어야합니다.

없으신 분들은 ionic 홈페이지에 가셔서 계정을 만드신 후 아래를 진행하시면 될 것 같습니다.

1. icon / splash 둘 다 만들기 및 적용하기

터미널을 실행하여 해당 프로젝트 폴더 밑에 있는 resources 경로까지 이동하여 줍니다.

그 후 아래와 같이 입력하시면 됩니다.

ionic cordova resources

터미널에 위와 같이 입력하면 icon과 splash가 모두 만들어지며 적용됩니다.

2. icon만 만들기

ionic cordova resources --icon

3. splash만 만들기

ionic cordova resources --splash

위와 같이 진행하면 icon과 splash가 만들어집니다.

그 다음 app을 실행하면 쨘! 왜 적용이 안되어있지...............

platform을 삭제했다가 다시 설치해야합니다.

삭제했다가 다시 설치해줍시다.

ionic cordova platform rm android
ionic cordova platform rm ios

ionic cordova platform add android
ionic cordova platform add ios

위와 같이 해주신 후 다시 빌드하고 실행하시면 정상적으로 적용된 것을 확인하실 수 있으실겁니다!

궁금하신 점 있으시면 댓글달아주세요.

감사합니다.