Cordova 모바일앱 icon, splash screen 변경

공식 레퍼런스를 봐도
대체 어느 config.xml 파일을(루트 or platform 하위?) 수정해야 하는지
경로가 명확히 제시되지 않아 다 수정해보고 시작해보고 삽질을 해봐도
당췌 아이콘과 스플래시 이미지 수정이 안되었다.

구글링 욜라 해보고 따라해봐도
예전 버젼의 내용이던지 설명되어 있는 폴더명이 다르던지
스트레스를 받던 중 명쾌한 도구를 찾아 한방에 해결

콘솔에서 npm search cordova 또는
www.npmjs.com 의 검색창에 cordova 타이핑해보면

cordova-icon, cordova-splash 와 같은 패키지들이 있는데
각각의 npm 패키지 설치 후
$ npm install cordova-icon cordova-splash

설명에 따라 imagemagick를 자신의 시스템에 설치하고
(본인은 MAC 이라서 brew install imagemagick)

자신의 cordova 프로젝트 루트에
요구되는 아이콘, 스플래시의 가장 큰 사이즈 png 파일을 준비시킨다. 

루트가 myproject 라면
myproject/icon.png
myproject/splash.png

와 같이 준비하고

콘솔에서 아래의 명령들을 각각 실행
$ cordova-icon
$ cordova-splash
해주고 앱을 실행시켜보면 아이콘과 스플래시 이미지가 아주 쉽게 원하는대로 적용된다.

Android 앱 실행의 경우 본인은 android studio 로 프로젝트를 불러와서 작업했기에 ctrl + r 단축키로 실행했고
콘솔에서 cordova 명령 실행은 https://cordova.apache.org/docs/ko/5.4.0/guide/cli/index.html 에서와 같이

안드로이드 빌드까지만
$ cordova build android

안드로이드 빌드하고 에뮬에 띄우기까지 한줄로
$ cordova emulate android
(본인은 genymotion 띄운 상태에서 위 명령 실행하여 별 문제 없이 바로 앱을 설치,실행하였음)

iOS는 위 명령 중 플랫폼 문자만 ios 로 변경하여 실행.

콘솔에서 빌드시 플랫폼 별 하위 폴더에 있는 config.xml 파일이 기본값으로 돌아가는 증상 발생 주의.