Home

Version 2로 업그레이드 이제 이렇게 조금 더 개선을 해보려고 한다. 그리고 기능은 위의 내용을 기반으로 하려고 한다. 우선 이미지와 samplejson 파일을 추가해주고 Color set도 추가를 해준다. 우리가 할것은 Version 2 Feature List: Add El Camino tab Utilize all character images on CharacterView On CharacterView, auto-scroll to bottom after status is shown Fetch episode data Extend String to get rid of ...

Button에 Fetch 기능 적용하기 이제 비어있던 Button에 Fetch가 가능하도록 적용하자 Button { Task { await vm.getData(for: show) } } 뭐 이건 많이해봤지만 await는 단독으로 사용 될수 없기에 Task가 반드시 필요하다. 작동이 잘 되는걸 알 수 있다. status 따라 작동을 나누기 VStack { Spacer(minLength: 60) switch vm.status { case .notStarted: EmptyView() case .fetching: ProgressView() case .success: Text(...

실제 값을 가져오는 함수 만들기 class ViewModel { // 생략 func getData(for show: String) async { status = .fetching do { quote = try await fetcher.fetchQuote(from: show) character = try await fetcher.fetchCharacter(quote.character) character.death = try await fe...

이번 내용도 아는건 최대한 간략하게 하고 과정을 적어본다. TabView 사용하기 이번엔 새로운 프로젝트 앱을 만들면서 TabView를 사용해본다. 이전에 많이 사용해봐서 뭐 딱히 적을만한건 없어보이긴한다. var body: some View { TabView { Tab("Breaking Bad", systemImage: "tortoise") { Text("Breaking Bad View") } Tab("Better Call Saul", systemImage: "briefcase") { Text("B...

iMessage를 위한 Sticker 만들어보기. + 버튼을 누른다. 그리고 이렇게 sticker라고 검색하면 바로 나온다. 이름을 정하고 만들면 이렇게 Activate할거냐고 묻는데 그냥 Activate 해주자 이렇게 새로운 Asset이 추가된걸 알 수 있다. 우선 Appicon이미지를 사이즈에 맞게 배치를 해주고, 이후 Sticker들도 드래그하여 추가를 해주자. 물론 Sticker Pack의 이 스티커들은 드래그 하여 순서를 바꿀 수 있다. 이후 앱을 실행할때 주의점 현재 Target이 바뀌어 있으므로 다시 앱으로 반드시 바꿔주자. 현재는 시뮬레이터라 전송은 안된...

Map View 사용하기 이전 Mapkit에 이어서… 지금은 지도의 일부만 표시가 되고 있다. 이렇게 일부만 보는게 아니라 지도를 확대해서 조금 더 잘 보이게끔 해보도록 하자 새롭게 파일을 만들고 PredatorMap이라고 명명하였다. 이전글에서는 camera의 distance를 30000으로하고 끝냈는데 이번에는 positoin: .camera( MapCamera( centerCoordinate: Predators().apexPredators[2].location, distance: 1000, ...

ui 보완 mapkit을 사용하기전에 먼저 아래 사진을 보면 배경이 파란색인 경우 Navigation button이 잘 보이지 않는다. 이부분을 먼저 보완을 하고 넘어가려고한다. 이렇게 먼저 Accent Color를 보완한다. 우리는 현재 ` .preferredColorScheme(.dark)`를 통해 애초에 다크모드로 해둔 상태이긴 하다. 둘다 labelColor로 해준다. 이후 ConentView로 돌아와서 Preview에서 Light, Dark 모드 테스트를 할 수 있는데. 이렇게 확인이 가능 그리고 체크를 풀게되면 애초에 우리가 설정해둔 preferredColorScheme를...

Detail View 만들기 지금은 Navigation Link 안에 그냥 Image만 띄워놓은 상태인데 이것 역시도 별도로 관리하는 View 만들어 본다. 이렇게 디자인을 해보려고 한다. 이번엔 ScrollView를 사용한다 struct PredatorDetail: View { var body: some View { ScrollView { ZStack { // Background Image // Dino Image } ...