[iOS, Swift] Localization(로컬라이징, 현지화)

현지화, 지역화, 로컬라이징 등등으로 다양하게 불리고 있는데 쉽게 말해서 다른 나라에서 앱을 실행하면 그 나라의 언어에 맞게 애플리케이션의 언어를 설정해 주는 기능입니다~ 처음 배울 때는 이런 기능이 필요할까 싶었는데 글로벌 앱을 만들고자 한다면 필수일 것 같아 정리해보기로 했습니다!

 

** 본 내용은 iOS Program 6th (The Big Ranch Guide) 영어판을 보고 공부한 것이라 틀린 내용이나 오역이 있을 수 있습니다. 틀린 내용이나 지적있으시면 꼭 댓글 부탁드립니다!

---

🌐 view를 만들어 주는 방법에는 Story board를 사용하는 방법과 Programmatically 즉, 코드로 구현해 주는 방법이 있듯 

지역화 또한 위 두가지 방식에 대응하는 방법이 존재합니다.

우선 첫 번째로 Stroy board를 통해 구현한 view에서 어떻게 지역화를 할 수 있는지 알아봅시다 :)

 

---

🌠 스토리 보드에서 구현하기

스토리보드에 있는 요소를 지역화 해준다는 것은 우선 프로그래밍 적으로 바뀌지 않는 것에 적용하게 됩니다. 이미지에서 보이는 것과 같이 UILabel에 적혀 있는 "이것은 테스트 앱"이 코딩이나 기타 프로그래밍 적 요소로 다른 글귀를 가지지 않고 고정된 내용을 보여주는 것을 의미합니다. 스토리 보드에서 구현한다고 적어 놓았지만 프로그래밍 적으로 구현하지 않을 때라고 말하는 것이 더 가까울 것 같아요

 

프로젝트로 들어가 줍니다. Info 탭을 눌러 주세요~

Localizations의 하단에 보이는 + 버튼을 눌러줍니다.

저는 중국어를 추가해보도록 하겠습니다

지역화를 적용해 줄 Main.Storyboard는 체크 상태로 놔두고 런치 스크린은 해지해 주었습니다.

다시 돌아와 Localizations를 보면 추가 된 것을 확인할 수 있습니다

 

프로젝트 네비게이터를 보면 Base.lproj 디렉토리와 Main.Strings파일이 es.lproj 디렉토리에 있는 것을 볼 수 있습니다.

Main.strings 파일을 클릭해 줍니다.

 

저는 중국어로 서비스하기로 했으므로 한글을 중국어로 '직접' 번역하여 한글 텍스트 자리에 넣어 주면 됩니다 ;; ㅋㅋㅋㅋ

 

Kakao i 번역

이 번역기로 위 글을 중국어로 바꿔주겠습니다~

(kakao i 는 개인적으로 제일 편하게 사용하고 있는 번역기 입니다. 광고 아님)

이렇게 해주시면 됩니다.

빌드해보면

그렇습니다. 아직 끝이 아니에요

Settings 에 들어가 줍니다.

 

General 메뉴에 들어가신 후

Language & Region 클릭

Region 클릭

 

현지화 서비스할 국가로 선택해 주세요

 

지역을 바꿨으면 언어를 추가해줘야 합니다. 서비스 할 지역의 언어를 Add Language 버튼을 눌러 추가 해 줍니다.

그 후 iPhone Language의 언어 또한 서비스 국가의 언어로 변경해 주어야 합니다. 다 변경해 주고 나면 아래와 같이 보일 겁니다~

빌드하고 어플 실행하면 서비스 국가의 맞는 언어로 앱이 서비스 됩니다.

 

---

👨‍💻 코드로 구현하기

라벨을 하나 더 만들어 주시고

Outlet으로 연결해 줍니다

ViewController.swift 

 

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var txtLbl: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }

}

이제 코드로 라벨의 글자를 지정해 줍니다.

class ViewController: UIViewController {

    @IBOutlet weak var txtLbl: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.txtLbl.text = "두 번째 라벨"
    }

}

실행해보면

이전에 Main.storyboard 에서 현지화 해준 라벨은 중국어로 뜨는 반면

직접 코드로 지정해 준것은 그렇지 않습니다~

코드로 작성된 라벨의 글자를 현지화 해주려면 

이전의 방법이 아닌 다른 방법으로 접근해 주어야 합니다

 

NSLocalizedString(_:comment:)

를 사용해 주면 됩니다

이를 이용해서 아래와 같이 코드를 바꿔 줍니다.

self.txtLbl.text = NSLocalizedString("두 번째 라벨", comment: "the second label")

다음은 terminal을 열어 줍니다

다른 방법도 있는 것 같은데 추후에 더 알아봐야 할 것 같고

우선 공부한 책에서는 터미널을 이용합니다

 

Command + space bar

로 Spotlight 창에서 

terminal.app 을 검색해서 실행

 

프로젝트가 있는 디렉토리로 이동해야 하는데

 

1. 터미널에 cd 입력 (change directory의 약자입니다). 스페이스 키 눌러 한 칸 띄어 주시고

2. 프로젝트 이름과 동일한 폴더를 드래그 해서

3. 터미널에 끌어 넣어 줍니다.

4. 엔터 눌러주세요

5. ls를 누르면 해당 폴더에 어떤 파일이 있는지 보실 수 있습니다

6. 이제 현지화를 하려고 하는 스위프트 파일 이름이 ViewController.swift라면

genstrings ViewController.swift 

라고 입력해주세요

 

파인더로 보시면 이렇게 파일이 생겼지만 프로젝트 네비게이터에는 보이지 않습니다

 

프로젝트 네비게이터에서

프로젝트명의 폴더에 Add Files를 눌러 줍니다.

방금 생성한 Localizable.strings 파일을 선택 하여 add 해줍니다.

그러면 프로젝트 네비게이터에 보이게 되는데

더블 클릭해서 보시면

익숙한 형태의 구조가 보입니다

좋아요 🤔😁좋아요🤔😁

 

오른쪽에 지역화 할 언어를 넣어 줍니다.

만약 UTF-8 과 함께 빨간 오류가 떴다면 바로 오른쪽 file inspector에서

Text Encoding을 상황에 맞게 바꿔주시면 됩니다.

빌드하고 실행해 보면!

잘 나옵니다 이제 다시 셋팅을 되돌려 보면

첫 번째 라벨은 한국어로 나오더니 두 번째 라벨은 계속 중국어로 뜹니다

stackoverflow의 힘을 빌려 오류를 고쳐 봅니다

 

---

🙀오류 수정

1. 다시 터미널을 열고 프로젝트명으로 되어 있는 폴더로 cd 명령어를 이용하여 이동해 줍니다.

2. ls 로 파일 검색

3. Localizable.strings가 있는 것을 확인 하셨으면 아래와 같이 입력해 줍니다

git add Localizable.strings

4. 이제 프로젝트 네비게이터로 다시 돌아오셔서 Localizable.strings를 더블클릭해서 열어줍니다.

만약 저 처럼 오류가 나셨다면 Localization 이 부분에 위 사진과 같이

파일이 보이는 것이 아니라 버튼이 보일 거에요

버튼 눌러 뜨는 창에서 현지화할 언어 선택하신 후 다시 빌드 하면

정상 출력 됩니다.

혹시 모르니 다시 한번 지역이랑 언어 바꿔 보면...

 

잘 나옵니다 ;; ㅠㅠ

 

---

👩‍🏫 궁금하거나 더 공부할 내용

1. 만약 인터페이스 바뀌거나 더 추가 되면 Main.string 파일 다시 만들어 줘야 하는 건가..

2. 만약 라벨 중간에 유동적인 내용이 들어 간다면 UILabel 여러개로 분리해 줘야 하는 걸까

3. 아주 많은 국가에서 서비스 하면 Localizable.strings 는 어떻게 해줘야 하지

4. XLIFF