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
아이콘이 제대로 표시되지 않는 경우 시뮬레이터/단말기에서 어플을 지우고 다시 실행해 보시길 바랍니다.
참고
- 공식 홈페이지: generator-rn-toolbox
제 블로그가 도움이 되셨나요? 하단의 댓글을 달아주시면 저에게 큰 힘이 됩니다!
앱 홍보
지금 보고 계신 블로그를 작성하는
관심있으신 분들은 앱을 다운로드하여 사용해 주시면 정말 감사하겠습니다.
Deku가 개발한 앱을 한번 사용해보세요.Deku가 개발한 앱은 Flutter로 개발되었습니다.관심있으신 분들은 앱을 다운로드하여 사용해 주시면 정말 감사하겠습니다.
![[심통]현장에서 바로 써먹는 리액트 with 타입스크립트 : 리액트와 스토리북으로 배우는 컴포넌트 주도 개발, 심통](https://img1c.coupangcdn.com/image/affiliate/banner/7cba8cb0601eebaf88a17a0c3cf65a63@2x.jpg)