Dex (8)
Offline에서도 이미지가 보이도록 만들기 현재는 api를 통해 데이터를 받아와서 처리를 하는식으로 되어있다. 특히 Image의 경우엔 AsyncImage를 사용하여 이미지가 있는 url을 가져와서 있으면 이미지를 띄우고 없으면 placeholder의 이미지가 보여지는데 현재는 전부 ProgressView로 되어있다. 즉 이상태라면 어떤 유져는...
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에서 미리 선택을 하여 프로젝트 생성이 가능하다. 그러면 기본적으로 코드가 자동으로 생성이 된채로 프로젝트가 만들어지게 된다. 그리고 이번...
Version 2로 업그레이드 이어서 계속 작성해보도록 한다 4. Extenstion을 사용하여 코드 간소화 현재 Image(show.lowercased().replacingOccurrences(of: " ", with: "")) 이런식으로 코드가 약간 길어지는것을 Extension을 활용하여 조금 간소화를 해보도록 한다. 이렇게 Extens...
Version 2로 업그레이드 이제 이렇게 조금 더 개선을 해보려고 한다. 그리고 기능은 위의 내용을 기반으로 하려고 한다. 우선 이미지와 samplejson 파일을 추가해주고 Color set도 추가를 해준다. 우리가 할것은 Version 2 Feature List: Add El Camino tab Utilize all...