App icon

2019-10-19

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

Deprecated

이 블로그 포스트는 generator-rn-toolbox가 Deprecated되었기 때문에 더이상 관리되지 않습니다. generator-rn-toolbox의 새로운 라이브러리인 react-native-make를 사용하시길 권장합니다.

react-native-make에 관해서는 아래에 블로그를 참고하시기 바랍니다.

개요

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

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

참고

책 홍보

저도 블로그를 시작한지 1년만에...책을 다 써봅니다...인생에서 이런 날도 오는군요...타국에서 책 출판도 할 수 있고, 참 좋은 세상입니다.

이번에 쓴 책은 스무디 한 잔 마시며 끝내는 React Native입니다. 다양한 예제를 통해 리액트 네이티브를 공부할 수 있도록 구성해 보았습니다. 또한 설치부터 배포까지 실전에서도 사용할 수 있는 내용들을 담고 있습니다.

아래 링크를 통해 제가 쓴 책을 구매하실 수 있습니다.
많은 분들에게 도움이 되면 좋겠네요.
스무디 한 잔 마시며 끝내는 React Native React Native로 실전 스마트폰 앱 만들기
Buy me a coffeeBuy me a coffee
Posts