2020-03 에 작성된 글입니다.
이번 포스트에서는 앱 이름과 스플래시를 국제화 하려고 합니다. (스플래시는 Lanch Screen이라고 말해도 될 것 같네요. 앱이 켜질 때 보여지는 이미지입니다.)
그럼 이제 시작해 볼까요?
1. App name Localization (앱 이름 국제화)
먼저, File -> New -> File… 을 클릭하여 filter에 String을 검색한 후 Strings File을 선택하여, InfoPlist.strings라는 이름의 파일을 추가해 주세요.
그리고 프로젝트의 Info 부분에서 Localization 섹션의 +를 클릭하여 언어들을 추가해 주세요.
finish를 눌러 추가해 주시면 됩니다.
그리고 InfoPlist.strings 파일을 선택하고 오른쪽 부분 의 Localization 섹션에서 localize… 라고 써있는 버튼을 클릭해 주세요.
저는 이미 Localize를 했기 때문에 해당 버튼이 보이지 않습니다.
그럼 언어들이 윗 사진처럼 보일 텐데요, 모든 언어들을 선택해 주세요.
InfoPlist.strings를 클릭하면 여러 언어 파일들이 생긴 것을 보실 수 있을 텐데요, 각각의 파일에 해당 언어의 앱 이름을 하단처럼 추가해 주시면 됩니다.
"CFBundleDisplayName" = "한글";
그리고 Info.plist 파일을 클릭해 주세요.
Bundle display name과 Application has localized display name를 윗 내용처럼 변경해 주세요.
그럼, 앱 이름 국제화는 완성입니다!
2. Splash (Launch Image) Localization (앱 시작 시 켜지는 이미지 국제화)
파일에서 Assets.xcassets를 선택해 주세요.
오른쪽의 Localization 섹션에서 localize… 를 클릭해 주세요.
그리고 난 후 모든 언어를 선택하면, 하단 화면처럼 보일 겁니다.
파일을 드래그하여 원하는 부분에 원하는 사진을 추가해 주면 됩니다.
그럼 완성입니다! 스플래시는 더 쉽죠?
댓글은 저에게 많은 도움이 됩니다.
'프론트 > Vue' 카테고리의 다른 글
| [Vue] Auth 적용, axios default header 추가, plugin 추가 (0) | 2022.02.06 |
|---|---|
| [vue] highcharts-vue, nuxt plugin 이용 (0) | 2022.02.06 |
| [Vue Ionic] 다국어 지원 (i18n 사용), ionic alert, ionic Globalization (시스템 언어) (0) | 2022.02.06 |
| [Vue Ionic] 화면 회전 고정, Cordova plugin을 Capacitor에서 실행하기 (0) | 2022.02.06 |
| [Vue] mixin, filter 기능 사용 (0) | 2022.02.06 |