맥과 아이폰∙아이패드를 USB 케이블로 연결한 후 '터치바'를 사용하는 방법 'TouchBarDemoApp'

2016.11.07 16:27    작성자: ONE™

요 며칠 신형 맥북프로에 탑재될 터치바를 구형 맥이나 아이폰, 아이패드에 띄우는 방법이 잇따라 나오고 있습니다.

그만큼 터치바와 관련한 개발자들과 사용자들의 관심이 많다는 것을 보여주는 사례가 아닐까 싶은데요. 이번에 소개해 드리는 앱 역시 터치바를 체험하는 데 무척 효과적인 방법으로 보입니다. 앞서 iOS 기기에 설치한 원격제어 앱을 통해 터치바를 제어하는 방법, 그리고 메인 디스플레이에 터치바를 바로 띄우는 방법을 각각 소개했는데, 이번에는 두 기능을 하나로 결합된 앱을 통해 더욱 편리하게 터치바를 이용할 수 있습니다. 

터치바 데모 앱(TouchBarDemoApp)

기존의 두 방법과 비교해 'TouchBarDemoApp' 앱이 주는 장점은 fn 키를 눌러 메인 디스플레이에 터치바를 숨겼다 다시 꺼낼 수 있다는 점입니다. 그뿐만 아니라 터치바를 마우스 커서 바로 옆에 띄워주기 때문에 터치바를 화면 하단에 고정하는 방식보다 마우스 이동 거리 또한 짧아집니다. 결과적으로 더욱 손쉽고 빠르게 터치바를 제어할 수 있죠.

두 번째 장점은 무선이 아닌 USB 유선 연결을 통해 맥과 아이폰∙아이패드가 연결된다는 점입니다. 덕분에 아이폰∙아이패드를 무선으로 연결했을 때보다 터치바가 훨씬 민첩하고 안정적으로 구동됩니다. (본문 맨 위에 삽입한 Youtube 영상 참고)

준비물

1. macOS Sierra 10.12.1 빌드 16B2657 (다운로드)
2. Xcode 8.1 (다운로드)
3. Touch Bar Demo 서버 앱 (다운로드) // Touch Bar Demo App v1.1 버전을 내려받으세요.
4. Touch Bar Demo 소스코드 (다운로드)

참고사항 및 코멘트

이번에 소개하는 앱도 몇 가지 준비를 해야 합니다.

우선 맥에 macOS 시에라 10.12.1 버전의 '16B2657' 빌드가 설치돼 있어야 합니다. 맥 앱스토어를 통해 운영체제를 업데이트한 경우, 터치바 관련 프레임워크가 빠져 있는 '16B2555' 빌드가 설치됩니다. 만약 맥에 '16B2555'빌드가 설치돼 있다면, 애플이 별도로 제공하는 콤보 패키지를 이용해 빌드를 '16B2657'로 올리시기 바랍니다. 시스템 파일만 업데이트될 뿐 사용자 데이터는 건드리지 않습니다.

참고
OS X 버전 및 빌드 번호 확인하기
macOS Sierra 업데이트 v10.12.1

두 번째로 iOS 기기와 맥을 연동시키려면 클라이언트용 소스코드를 사용자가 직접 수정한 뒤, 이를 iOS 기기에 설치하는 이른 바 '사이드로딩' 작업을 해야 합니다. 아직 iOS 앱이 앱스토어에 올라와 있지 않기 때문인데요. 애플 무료 개발자 계정만 있으면 Xcode에서 소스코드를 직접 빌드한 뒤 이를 본인의 iOS 기기에 설치할 수 있습니다. 

아래 자세한 방법을 남겨두었으니 Xcode에 익숙하지 않은 분도 그리 어렵지 않게 설치할 수 있을 겁니다.

Touch Bar Demo 클라이언트를 iOS 기기에 '사이드로드(SideLoad)' 방식으로 설치하기

1. 맥과 아이폰∙아이패드를 USB-라이트닝 케이블로 연결하세요.

2. 깃허브를 통해 4번 준비물을 내려받은 후 압축을 풀면 'TouchBar.xcodeproj'라는 Xcode 프로젝트 파일을 볼 수 있습니다. 이 파일을 실행해 Xcode에서 열어주세요. ▼

2. Xcode 사이드바에서 'TouchBarClient'를 선택하세요. 계속해서, Xcode 메뉴 > Product > Destination > Device에서 맥에 연결된 iOS 기기를 선택합니다. ▼

3. Xcode 메인 화면을 보면 '번들 식별자(Bundle Identifier)'라고 있습니다. 

정식 개발자가 아니기 때문에 번들 식별자를 임의로 적어넣어야 하는데 저는 'com.sideloadtouchbar.TouchbarClient'를 사용했습니다. 다른 분도 식별자를 적당히 고쳐서 적어넣으세요. 이후 번들 식별자 아래쪽에 있는 '팀(Team)' 드롭다운 메뉴를 열어 본인의 애플 ID로 로그인합니다. 참고로 애플 개발자 포털 사이트를 방문하면 자신의 애플 ID로 개발자 ID를 만들 수 있습니다. ▼

4. 설정을 마쳤으면 Xcode 왼쪽 위에 있는 ▶ 버튼을 누르세요. 맥에 연결된 iOS 기기로 앱이 전송됩니다.

5. 아이폰(또는 아이패드) 설정 앱 > 일반 > 프로파일 및 기기 관리에 들어가면 '개발자 앱' 섹션 아래 본인의 애플 ID로 새로운 항목이 추가된 것을 볼 수 있습니다. 이 항목을 클릭하면 프로파일에 관한 상세 정보가 표시되는 데, 여기서 신뢰함 > 신뢰를 차례대로 눌러 프로파일을 활성화하세요. ▼

6. 프로파일이 활성화되면 iOS 홈스크린을 통해 'TouchBar' 앱을 실행할 수 있습니다. ▼

7. 이제 맥에서 'Touch Bar Demo' 서버 앱(3번 준비물)을 실행한 다음, 메뉴 막대 아이콘을 클릭하여 'Allow iOS Touch Bar Clients'를 선택하세요. ▼

8. 이렇게 사이드로딩 작업을 완료하면 아이폰이나 아이패드 화면을 통해 터치바를 거의 실시간으로 제어할 수 있습니다. ▼

* 역시.. 가급적이면 아이폰보다는 화면이 넓은 아이패드로 테스트하세요.

이제 맥 메인 디스플레이 또는 아이폰, 아이패드 화면을 통해 터치바를 자유롭게 테스트해보세요. 나중에 iOS 앱을 지우고 싶다면, 다른 iOS 앱을 삭제할 때와 마찬가지로 아이콘을 꾸욱 누른 후 ⓧ 버튼을 눌러주면 됩니다. 그리고 iOS 설정 > 일반 > 프로파일 및 기기 관리에 추가한 개발자 프로파일도 마저 삭제하세요.



참조
GitHub - TouchBarDemoApp

관련 글
Mac 메인 스크린에 터치바를 띄우는 방법 (Xcode Touch Bar 시뮬레이터)
터치 바가 없는 구형 맥에서도 아이폰을 통해 터치바를 쓸 수 있다? 'TouchBarServer'
터치 바가 장착된 신형 맥북프로 핸즈온 동영상
맥북 프로 터치 바의 비밀

저작자 표시 비영리 변경 금지
신고
    
  1. Blog Icon
    pistis

    좋은 정보 감사합니다.

    하지만 아직 엘카피탄에 머무르고 있는 저로서는 매우 아쉽네요 ㅡㅜ

  2. Blog Icon
    마스

    2222... 시에라 겁나서 못 올리겠음...

  3. Blog Icon
    김춘덕

    시에라 올렸다가 엘케피탄으로 돌아왔습니다. 엘케피탄 욕 많이 했었는데 시에라덕에 소중함을 깨닳았습니다.

  4. Blog Icon
    오대산

    터치바를 구현하기 위한 여러방법들이 나오는 것을 보니 정말로 터치바에 많은 사람들이 관심을 가지고 있고 개발자들 역시 관심이 큰 것 같네요~
    그 방법이 일반적인 방법이 아닌 다소 개발자용이라 어려운것이 아쉽지만요~
    터치바의 화면 크기자체가 긴 막대형식이다보니 패드나 아이폰으로 구현했을때 화면의 남는 공간이 많아 테스트용으로만 가능하지만
    왠지 '엄청난 개발자분'이 USB연결을 통한 패드와 아이폰의 화면 전체를 활용하는 터치바 앱을 제작하고 있지 않을까 상상해봅니다..ㅎㅎ
    duet display가 출시된 것처럼요~

  5. Blog Icon
    wandang

    저도 비슷한 생각을 했습니다.
    터치바 레이아웃을 조금만 조절하고
    몇가지 부분을 손을 댄다면
    아이폰 터치바가 맥북에 있는 것보다 더 다양한 기능들을 수행할 수 있을 것 같네요
    아이패드 전용으로 만든다면 더더욱 그렇구요

    저는 아이맥 용으로 터치바가 탑재된 무선 키보드가 나오지 않을까 생각해봅니다... 전원문제가 좀 있다면 유선으로 출시되던지요

  6. Blog Icon
    맥프레 15인치 미드2014

    터치바도 터치바지만 ONE님의 광활한 17인치 맥북프로가 탐납니다...

  7. Blog Icon
    min

    조만간 터치바 어플(앱)이 나올 것 같네요. 무료로 나오기를 기다려 봅니다. ^^

  8. Blog Icon
    헤도니스

    이제 iOS 에 표현되는 터치바의 레이아웃만 좀 변경할수 있으면.. 실사용 할수 있을것 같습니다.

  9. Blog Icon
    지나가던 팬

    버전이 1.3까지 업데이트 됐네요

  10. Blog Icon
    cola

    이거 유선으로 연결해야만 사용가능한가요?
    앱 설치한 후에도..
    폰이 베타라 그런지 안되네요..ㅠㅠ

  11. 흠... 어제는 되더니 오늘은 안 되네요. xcode 받느라 어제는 맥에서만 해봤는데 됐어요. 그런데, 오늘 실행해 보니 맥에서도 안 되고 아이패드에서는 클라이언트 실행하면 검은 바만 나오네요.

티스토리 툴바