App icon

2022-04-02 hit count image

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

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

참고

제 블로그가 도움이 되셨나요? 하단의 댓글을 달아주시면 저에게 큰 힘이 됩니다!

앱 홍보

책 홍보

블로그를 운영하면서 좋은 기회가 생겨 책을 출판하게 되었습니다.

아래 링크를 통해 제가 쓴 책을 구매하실 수 있습니다.
많은 분들에게 도움이 되면 좋겠네요.

스무디 한 잔 마시며 끝내는 React Native, 비제이퍼블릭
스무디 한 잔 마시며 끝내는 리액트 + TDD, 비제이퍼블릭
[심통]현장에서 바로 써먹는 리액트 with 타입스크립트 : 리액트와 스토리북으로 배우는 컴포넌트 주도 개발, 심통
Posts