홈 화면 위젯은 iOS의 가장 주목할 만한 신기능 중 하나입니다. Apple의 위젯 구현은 폭넓은 호평을 받았지만, 일부 앱들은 이 기능을 한 단계 더 발전시켰습니다.
Scriptable이 바로 그런 앱입니다. iPhone 홈 화면용 커스텀 위젯을 직접 만들 수 있게 해주며, 사용자 커뮤니티는 이를 활용해 놀라운 유틸리티들을 만들어 왔습니다.
이번 글에서는 Scriptable이 무엇인지, 이를 활용해 멋진 iPhone 위젯을 만드는 방법, 그리고 위젯을 홈 화면 배경화면과 자연스럽게 어우러지도록 만드는 방법까지 차근차근 살펴보겠습니다.
Scriptable이란?
Scriptable은 iPhone과 iPad에서 JavaScript를 실행할 수 있게 해주는 무료 iOS 앱입니다. 프로그래밍 경험이 있다면 직접 스크립트를 작성하고 실행할 수 있고, 프로그래밍 언어에 익숙하지 않더라도 다른 사람이 작성한 코드를 복사해서 iOS 기기에 유용한 기능을 손쉽게 추가할 수 있습니다.
예를 들어, 즐겨 찾는 iOS 앱의 가격이 인하되면 자동으로 알려주는 스크립트도 등장했습니다.
함께 읽으면 좋은 글: JavaScript란 무엇이며 어떻게 작동하나요?
Scriptable은 App Store에 출시된 지 얼마 되지 않았지만, 이미 iOS 14 위젯에서 스크립트를 실행하는 기능을 비롯해 게임 체인저급 기능들이 많이 추가되었습니다. 즉, JavaScript 코드를 직접 작성하거나 복사해서 위젯을 통해 정보를 보여주는 나만의 '미니 앱'을 만들 수 있다는 뜻입니다.
Scriptable 커뮤니티는 이미 이러한 방식으로 훌륭한 위젯들을 만들어 왔습니다. 홈 화면에서 바로 날씨 정보를 확인하거나 개인화된 뉴스 피드를 볼 수 있는 실용적인 기능들도 포함되어 있습니다.
가능성은 사실상 무궁무진하지만, 몇 가지 제한 사항도 염두에 두어야 합니다. 이 글을 작성하는 시점 기준으로 홈 화면 위젯은 iPhone과 7세대 iPod touch에서만 지원됩니다. 아쉽게도 iPad 홈 화면에는 아직 위젯을 추가할 수 없습니다.
다소 의아한 일이지만, 이 제한은 Apple 측에서 만든 것이지 Scriptable의 문제가 아닙니다. 마찬가지로 iOS 14는 홈 화면 위젯에 메모리 제한을 두고 있으므로, 직접 위젯을 만들 계획이라면 시작하기 전에 반드시 관련 제한 사항을 확인하세요.
마지막으로, Scriptable 앱에는 흥미로운 스크립트를 빠르게 찾아 설치할 수 있는 갤러리가 내장되어 있습니다. 처음 앱을 시작하기에는 좋지만, GitHub에 호스팅된 스크립트를 찾아보는 편이 더 좋습니다. 상세한 설정 방법을 안내받을 수 있기 때문입니다.
Scriptable 갤러리의 설명은 초보자에게 크게 도움이 되지 않는 편이며, 스크린샷이 표시되지 않는 등의 버그도 종종 발견됩니다.
Scriptable 설정 방법
Scriptable 위젯을 설정할 때는 공통적으로 거쳐야 하는 단계가 있습니다. 여기에는 JavaScript 코드를 복사해서 앱으로 가져오는 과정이 포함됩니다. 다만 최종 단계는 위젯마다 조금씩 다르며, 이 부분은 잠시 후에 자세히 다루겠습니다.
먼저 기본 사항부터 살펴보겠습니다. Scriptable을 설정하려면 다음 순서대로 진행하세요:
- Scriptable을 다운로드합니다. iOS 전용 무료 앱이며, 인앱 결제는 새로운 기능을 추가하는 것이 아니라 개발자에게 보내는 팁(후원)일 뿐입니다.
- Apple의 Shortcuts(단축어) 앱을 다운로드합니다. JavaScript 코드는 대체로 길기 때문에 iPhone에서 수백 줄의 코드를 일일이 선택하고 복사하고 싶지 않을 겁니다. 단축어를 활용하면 두 번의 탭만으로 스크립트를 Scriptable에 저장할 수 있습니다.
- Save Script 단축어를 iPhone에 다운로드합니다. 대부분의 Scriptable 위젯은 해당 스크립트의 GitHub 페이지로 이동해 원본(raw) 코드를 찾은 후 이 단축어를 사용해야 합니다.
- 예를 들어, GitHub에서 Weather Cal 스크립트를 연 뒤 스크립트 첫 줄 위에 있는 Raw 버튼을 클릭합니다. 그다음 Safari(또는 사용 중인 브라우저)에서 공유 버튼을 누르고 Save Script를 탭하면 Scriptable에 스크립트가 추가됩니다.
Scriptable 위젯 추가하기
다음으로, Scriptable의 iOS 위젯을 iPhone 홈 화면에 추가하는 방법을 알아보겠습니다:
- 홈 화면의 빈 공간을 길게 눌러 모든 앱 아이콘이 흔들릴 때까지 기다립니다.
- 왼쪽 상단의 플러스(+) 아이콘을 탭합니다.
- Scriptable을 검색합니다.
- 오른쪽으로 스와이프하여 필요한 위젯 크기를 선택합니다. Small(작게), Medium(중간), Large(크게) 중에서 고를 수 있습니다.
- 위젯 추가를 탭합니다.
- 이제 위젯을 탭하면 Run Script라는 설정 상자가 나타납니다.
- Script 옆의 선택을 탭하고 사용하려는 스크립트를 지정합니다.
- 스크립트에 필요한 경우 Parameter 입력란에 텍스트를 입력합니다. 타이머 재설정 시점 지정 같은 기본 입력값에 사용됩니다.
- 화면의 빈 곳을 탭하면 원하는 정보를 표시하는 위젯이 완성됩니다.
Scriptable 위젯에 투명 배경 적용하기
Weather Cal 같은 일부 Scriptable 위젯은 배경을 변경할 수 있습니다. 이 기능을 활용하면 위젯을 '투명하게' 만들 수 있습니다. 핵심은 홈 화면의 스크린샷을 활용해 위젯 배경과 완벽하게 일치하는 이미지를 생성하는 스크립트를 사용하는 것입니다.
엄밀히 말하면 이 스크립트는 Widgetsmith 같은 다른 위젯 제작 앱에서도 작동합니다. Scriptable에 완전히 최적화되어 있긴 하지만, 다른 앱에서는 미세한 정렬 문제가 발생할 수 있습니다.
위젯에 완전히 투명한 배경을 적용하려면 다음 단계를 따르세요:
- Invisible Widgets 스크립트를 다운로드합니다.
- 공유 > Save Script를 차례로 탭하고 Invisible Widgets처럼 원하는 이름을 지정합니다.
- iPhone 홈 화면으로 이동합니다. 빈 공간을 길게 눌러 앱 아이콘이 흔들리게 만든 다음, 빈 페이지가 나올 때까지 계속 왼쪽으로 스와이프합니다.
- iPhone 화면의 스크린샷을 촬영합니다.
- Scriptable을 열고 Invisible Widgets를 실행한 뒤 Continue를 탭합니다. 그다음 이전 단계에서 촬영한 스크린샷을 선택합니다.
- 안내에 따라 위젯의 크기와 위치를 선택하고, 완료되면 Export to Photos를 탭합니다.
- 이제 Scriptable에서 아무 스크립트나 열어(배경 이미지 추가를 지원하는 스크립트라면) 이 이미지를 활용해 멋진 투명 위젯을 만들 수 있습니다.
스크립트로 무궁무진한 가능성을
코딩을 할 줄 안다면, Scriptable은 진지한 iOS 자동화에 필요한 모든 도구를 갖추고 있습니다. 프로그래머가 아니더라도 이 훌륭한 앱을 통해 다른 사람들이 만든 작업물을 충분히 누릴 수 있습니다. 훌륭한 위젯은 Scriptable이 제공하는 기능 중 일부일 뿐입니다. 앱을 직접 둘러보고 어떤 것을 더 이룰 수 있는지 확인해 보세요.
iOS의 자동화는 Scriptable에서 끝나지 않는다는 점도 기억하세요. Siri 단축어에도 생산성을 한층 높여주는 다양한 도구가 마련되어 있습니다.