App icon

2019-05-23

generator-rn-toolbox을 이용하여 앱 아이콘을 생성해보자.

개요

mac osx에서 generator-rn-toolbox를 사용하여 앱 아이콘을 만드는 방법을 설명하겠습니다.

이미지 준비하기

앱 아이콘으로 사용할 1024x1024px 사이즈에 이미지를 준비합니다.

라이브러리 설치

아래의 명령어로 라이브러리를 설치합니다.

npm install -g yo generator-rn-toolbox
  • generator-rn-toolbox: RN에 도움을 주는 툴을 제공해 줍니다. 자세한 사항은 공식 홈페이지를 참조하세요. (공식사이트: generator-rn-toolbox)
  • yo: generator-rn-toolbox을 기동시키기 위한 라이브러리입니다.

앱 아이콘 생성을 위해서는 imagemagick를 설치해야 합니다.

brew install imagemagick

사용법

  • 아래에 명령어로 아이콘을 생성합니다.
yo rn-toolbox:assets --icon <path to your icon>

아이콘 생성되어 프로젝트에 반영되었습니다. 프로젝트를 실행하여 아이콘이 반영되었는지 확인하세요.

// iOS
react-native run-ios

//android
react-native run-android

아이콘이 제대로 표시되지 않는 경우 시뮬레이터/단말기에서 어플을 지우고 다시 실행해 보시길 바랍니다.

참고

Buy me a coffeeBuy me a coffee
Posts