BookStore (1)
UI 구성 이렇게 구성을 한다. 좌측 부터 1, 3, 2 으로 하여 UI 구성을 해본다. 1. MainView 구성 첫번째 화면이고 SearchBar, Grid, list가 UIComponent의 Point이다. NavigationStack { VStack { VStack(alignment...
UI 구성 이렇게 구성을 한다. 좌측 부터 1, 3, 2 으로 하여 UI 구성을 해본다. 1. MainView 구성 첫번째 화면이고 SearchBar, Grid, list가 UIComponent의 Point이다. NavigationStack { VStack { VStack(alignment...
1. 파이널 프로젝트 - 지도 기능 리마인드 이전에 했던 파이널 프로젝트에 대해서 코드 리마인드를 좀 하면서 UIKit감각도 좀 되살릴겸 해보려고한다. 아마도 기능 위주로 챕터를 나눠서 진행을 할 예정 기능은 크게 가입(로그인), 추천, 지도, 가게, 채팅, 마이페이지 이렇게 크게 6개로 나뉘게 된다. 오늘 다뤄볼 주제는 지도이다. 지도는 내가 다룬...
이전에 개인과제를 하면서 또는 마지막 프로젝트를 하면서 튜터님께 들었던건 의존성 주입(Dependency Injection)을 해보는게 어떻겠냐? 라는 것이었다. 1. 의존성 주입이란? 그러면 의존성 주입이 뭔지 알아봐야한다. 위키에서는 의존성 주입을 다음과 같의 정의한다. 내용이 길어 이미지로 한다. 의존성 주입에 관한 간단한 이미지는 ...
어제 @ObservableObject, @StateObject와 관련된 글을 작성하면서 뭔가 테스트를 해보고싶어서 간단한 앱을 하나 만들어보려한다. 장바구니 앱이며, https://dummyjson.com/products/1 사이트를 사용해서 DummyData가 있는 api를 호출하여 맘에드는 것을 담고, 장바구니를 초기화할때 @Observable...
@ObservedObject vs @StateObject 이부분은 좀 더 자세히 알아봐야할것같아서 이렇게 새롭게 글을 작성한다 코드 예시는 여기를 참고하여 작성을 한다. @ObservedObject vs @StateObject 우선 둘의 공통점은 ObservableObject 프로토콜을 따른다는 것이다. 그리고 지금 아래 코드를 보면 vie...
Api 적용하기 우선 json으로 만든 파일을 웹사이트에 올려 api처럼 가져오게 했다. 이후, Medium 글을 통해서 코드를 작성했다. 이글을 통해서 작성한것은 바로 Generic을 사용했다는 점이다. 이전에 Generic을 사용해본적이 없기에 이번에는 좀 사용하면서 내걸로 조금씩 만들고 싶었다. ApiModel 만들기 struct Api...
회고중 있었던일 정리 오늘은 크게 한게 없어서 같이 공부하던분의 문제점을 좀 같이 해결하면서 있었던 일을 정리해보려한다. 문제점 우선 문제는 이전에 scrollview를 사용하려할때 Frame을 설정하지않으면 사이즈가 바뀌게되는데 이때 나는 귀찮아서 frame을 수동으로 설정을 주고 하다가 귀찮아서 Scrollview를 해제하고 그냥 Vstac...
json 적용하기 우선 json 양식으로 파일을 바꿔준다. 이때 이전과 특이점이라면 json 로드가 from server가 아닌 from local이라는것. 모델링 모델링을 해준다. struct JsonModel: Codable { let tours: [Tour] } // MARK: - Tour struct Tour: Codable ...
DetailView 꾸미기 & PageView 꾸미기 Page view 꾸미기 이전에 회고를 하던도중 Tabview를 통해 UIKit의 TabBarViewController로 쓸수있고 이미지를 페이징하면서 넘기는 방식으로도 사용이 가능하다고 하여 그걸 적용해보기로했다. @State private var currentPage: Int = 0...
DetailView 꾸미기 MapKit 사용하기 먼저 import를 해준다. 내용은 사이트 Map(position: $cameraPosition) { Annotation(title, coordinate: coordinate) { ZStack { ...