내가 필요해서 만들어보는 애플워치 앱 (2)

작년 10월에 간단하게 UI 그리는 것으로 시작하고 오랜만에 시간이 잠깐 여유가 돼서 작업을 하게 되었다.

오랜만에 코드를 보니 부분만 기억이 나서 다시 한번 내가 만들었던 코드를 점검하고 곰곰이 생각해 보았는데..

음.. 좀 갈아엎었다 큰 틀은 비슷하지만 내가 고칠 수 있는 부분 고치고 전반적으로 다시 손봤던 거 같다.😃😃

 

마지막 작업은 UI를 구성하고 날씨 API인 Weather API를 작업 중이었는데 코드 파일을 보니 중간에 뷰에 뿌려지기 전에 잠시 멈췄던 거 같다. 이제는 내가 애플 개발자 계정이 생겨 생각해 보니 애플이 제공하는 WeatherKit을 사용할 수 있어?!

 

WeatherKit 시작하기 - Apple Developer

 

애플이 제공하는 Kit 한번 써보자 마음을 먹었다. WeatherKit 관련된 WWDC를 보면서 대략 어떤 기능인지 확인하였고 기본적으로 예제로 제공해 주는 코드를 보니 오! 이거 꿀이다. 이용하기 너무 간단하다고 느꼈다. 

 

 

Meet WeatherKit - WWDC22 - Videos - Apple Developer

 

기본 코드로 제공해 주는 두 코드는 두 가지 방법이 있었다.

첫 번째는 import WeatherKit를 이용하여 간단하게 이용해 보는 코드

import WeatherKit
import CoreLocation


let weatherService = WeatherService()

let syracuse = CLLocation(latitude: 43, longitude: -76)

let weather = try! await weatherService.weather(for: syracuse)

let temperature = weather.currentWeather.temperature

let uvIndex = weather.currentWeather.uvIndex

두 번째는 REST API를 이용하는 방법이었다

/* Request a token */
const tokenResponse = await fetch('https://example.com/token');
const token = await tokenResponse.text();

/* Get my weather object */
const url = "https://weatherkit.apple.com/1/weather/en-US/41.029/-74.642?dataSets=weatherAlerts&country=US"

const weatherResponse = await fetch(url, {
headers: {
"Authorization": token
}
});
const weather = await weatherResponse.json();

/* Check for active weather alerts */
const alerts = weather.weatherAlerts;
const detailsUrl = weather.weatherAlerts.detailsUrl;

나는 첫 번째 방법을 하기 위해 구현 가능성이 되는지 플레이그라운드에서 실험해 보았고 실제로 금방 값이 나오고 좀 더 코드를 구현 안 해도 쉽게 값이 나와 이걸 안 써?? 무조건 이거 써야지 마음을 먹었다. 그래서 좀 더 정보를 찾기 위해 검색한 결과 이용할 수 있는 방법과 포럼을 찾았다.

 

WeatherKit 포럼

 

WeatherKit | Apple Developer Forums

 

WeatherKit 프레임워크 문서

WeatherKit | Apple Developer Documentation

 

 

적용하는 방법을 찾으면서 기본에 만든 프로젝트에 적용하려고 했다. 여기에서 허튼짓을 많이 했다ㅠㅠ

분명 방법대로 했는데 프로젝트 App Capabilities에 WeatherKit이 뜨질 않아… 당황을 하였고 이것저것 찾아보면서 방법을 찾아내려고 해 보려고 했다. 포럼에도 나와 같은 현상을 가지고 있는 개발자가 있는지 찾아보기도 했다. 상당히 많은 시간을 써서 어쩔 수 없이 그럼 두 번째 방법으로 택해야 했다. 블로그 내용을 보면서 토큰 이야기.. node?? 이야기가 나온 것을 보고 음….. 도망갈까?ㅋㅋㅋ 생각을 했었다. 그래서 무조건 첫 번째 방법을 성공시키기 위해 더 찾아 헤맸다.

iOS 앱 프로젝트로 만들면 App Capabilities에 WeatherKit이 나오고 WatchOS로 프로젝트 만들어서 App Capabilities를 확인하면 안 뜨는 게 의문이었다. 순간 든 생각이 아이폰과 다르게 애플워치여서 이런 프레임워크를 내장 안 시키는 건가? 의문도 들고 그럼 애플워치에 있는 날씨 정보들은 내 휴대폰에서 넘겨주는 건가? 생각도 들었던 적이 있다. 진짜 설마 그러겠어라는 생각으로 추가하는 화면으로 넘어가서 자세히 살펴봤다.

 

 

그래 이거지 제공을 안 할 리가 없지!

이것을 당근 삼아 가능성 있다! 내가 해답을 못 찾은 거라는 생각으로 하나씩 살펴보기 시작했고 관련된 것을 모두 체크하고 넘어가고 이 사이트에서 만들어야 하는 것들을 전부 만들고 기본 계정 세팅 같은 것을 했던 거 같다?!

갑자기 머릿속에 떠오는 것은 이렇게 구성하고 바로 적용되는 것이 아닌 어느 정도 시간이 걸린다는 문구가 생각이 나 제발 돼라 기도하면서 기다렸다ㅋㅋ 어느 순간 App Capabilities에 WeatherKit이 뜨면서 드디어 작업을 할 수 있겠다는 생각이 들었다!!

 

열심히 WeatherKit 프레임워크 문서를 보면서 내가 필요한 기능들을 뽑아서 사용하였다.

작업하면서 느낀 점은 아무래도 애플이 제공하는 프레임워크다 보니 꼼꼼하게 타입 유형이 선언되어 있었고 나는 그것을 적절히 뷰에서 보일 수 있도록 값을 뽑아내고 영어로 선언되어 있는 것들을 switch 문들 통해 한글로 바꾸는 작업을 해볼 수 있었다. 그리고 날씨 데이터다 보니 여러 가지 경우를 고려하여 데이터들을 만들어 둔 것 같다.

 

---

날씨 데이터를 보여주는 작업은 끝났지만 이 프레임워크를 사용하고 출시를 하려면 추가적으로 명시해야 할 데이터들이 있어 그 부분을 추가적으로 작업하고 또 다른 기능을 개발해 볼 생각이다.

오랜만에 프로젝트를 열어보고 코드를 보니 살짝 어색한 감이 있었지만 이제는 시간이 여유가 있을 때 조금씩 해봐야겠다. 그래야 SwiftUI 감을 잃지 않을 수 있다고 생각한다ㅎㅎ!!

 

참고한 블로그 내용입니다!!

https://ios-daniel-yang.tistory.com/20

https://sujinnaljin.medium.com/ios-weatherkit-rest-api-%EC%9D%B8%EC%A6%9D-%EC%9A%94%EC%B2%AD-b3fad82d1c71

https://blog.makwanbk.com/weatherkit-build-a-simple-ios-weather-app