Widget UI Design 이제 디자인을 해보려고한다 디자인은 이렇게 할 것이다. UI구성은 지난글에서도 정리했지만 WidgetEntryView가 담당한다 struct DexWidgetEntryView : View { var entry: Provider.Entry var body: some View { VS...

WidgetKit으로 홈 화면에 포켓몬 위젯 표시하기 Widget 만들기 앱을 실행하지 않아도 정보를 확인할 수 있게 하려면 Widget이 필요하다. 이번 글에서는 WidgetKit을 사용해 포켓몬 정보를 아래 사진처럼 홈 화면에서 바로 볼 수 있도록 위젯을 만들어본다. 이것도 역시 전에 공부를 했던 적이 있기에 WidgetKit 지난글을 참...

Offline에서도 이미지가 보이도록 만들기 현재는 api를 통해 데이터를 받아와서 처리를 하는식으로 되어있다. 특히 Image의 경우엔 AsyncImage를 사용하여 이미지가 있는 url을 가져와서 있으면 이미지를 띄우고 없으면 placeholder의 이미지가 보여지는데 현재는 전부 ProgressView로 되어있다. 즉 이상태라면 어떤 유져는...

능력치 데이터를 다루기 위한 모델 확장 지난 글에서는 포켓몬 타입에 따라 배경 이미지를 지정하는 속성을 확장했다. 이번에는 능력치 데이터를 더 쉽게 다룰 수 있도록, typeColor, stats, highestStat 등의 속성을 Pokemon 모델에 추가한다. extension Pokemon { // 생략 var type...

PokemonDetailView 이제는 DetailView를 만들어 본다. 디자인은 이렇게 할 예정 Preview용 SampleData 생성 그전에 샘플 데이터를 먼저 만들어줄것이다. static var previewPokemon: Pokemon { let context = PersistenceController.previe...

앱 실행 시 데이터 자동 로드 지금까지는 사용자가 + 버튼을 눌러야만 1번부터 151번까지의 포켓몬 데이터를 가져올 수 있었다. 이제는 앱 실행 시점에 자동으로 데이터를 불러오도록 해보자. UIKit을 사용해봤다면, 이 시점에서 자연스럽게 ViewController 생명주기를 떠올렸을 것이다. 대부분은 viewDidLoad에서 데이터를 불러오는 ...

Fetch struct FetchService { enum FetchError: Error { case badResponse } private let baseURL = URL(string: "https://pokeapi.co/api/v2/pokemon")! func fetchPokemon(...

이전 글에서 모델 구조와 CodingKeys를 정리했으니, 이번에는 직접 init에서 decoding을 더 자세히 알아본다. 코드 분석 이제 Json 구조와 함께 코드를 보면서 알아보자 Json 구조의 경우나머지는 생략하고 필요한 부분만 가져온다. 코드 역시도 필요한 부분만 가져오도록 한다. 이때 둘다 //생략 이라는 주석은 빼고 적도록 하겠...

CoreData로 부터 Fetch 그전에 Controller에서 마지막 부분에 container.viewContext.mergePolicy = NSMergePolicy.mergeByPropertyStoreTrump MergePolicy를 추가해주자. Docs 참고 Merge Policy 설명 우...

이번엔 CoreData를 사용하는 프로젝트이다. 물론 이전에 나름 열심히 글을 작성했던 적이 있다. 다시 한번 읽어보면 좋을듯 다시 돌아와서 뭐 알겠지만 프로젝트를 생성할때 이렇게 Storage에서 미리 선택을 하여 프로젝트 생성이 가능하다. 그러면 기본적으로 코드가 자동으로 생성이 된채로 프로젝트가 만들어지게 된다. 그리고 이번...