📱 iOS/SwiftUI

[SwiftUI] @State를 가지는 View의 업데이트

오늘은 @State에 대해서 조금 더 깊이 있게 알아보려고 해요! 일단 @State가 어떤 역할을 하는지 아는 것으로 간주하고 아주 간단한 예제를 볼게요, 모르면 이거 보고오기 https://990427.tistory.com/64 [SwiftUI] 데이터 바인딩 (1/5) @State 데이터바인딩 데이터 바인딩(data binding)은 제공자와 소비자로부터 데이터 원본을 결합시켜 이것들을 동기화하는 기법이다. 라고 위키백과가 말하는데, 쉽게말해 SwiftUI에서 데이터 바인딩은 view 990427.tistory.com 아래 코드는 changeItem 버튼을 눌러 text 값을 변경시키는 예제입니다 struct ContentView : View { @State var text = "default" va..

[SwiftUI] NavigationLink의 isActive 공유 이슈 & 해결

앱을 만들다보면 List NavigationLink를 만들어서 해당 cell을 클릭하면 화면이 전환되는 코드를 작성해야 할 때가 있습니다. 아래는 NavigationLink List의 기본적인 코드 입니다. @State var list = ["A","B","C"] var body: some View { NavigationView{ List{ ForEach(list, id:\.self){ data in NavigationLink { Text("Page Name: \(data)") // .navigationBarBackButtonHidden(true) } label: { Text("Go \(data)") } } } } } 만약 전환된 페이지의 Back버튼을 없애고 커스텀 하고싶을 때는 어떻게 해야할까 ? 첫..

[SwiftUI] TabView 페이지 이동시 TabBar , NavigationBar Hidden 처리하기

일주일 삽질하고 작성하는 트러블슈팅 .. 우선 나는 TabView안에 NavigationView를 담아 페이지 이동을 하고 싶었다. FirstView -> SecondView struct ContentView: View { var body: some View { TabView { NavigationView { FirstView() } .tabItem { Text("first") } } } } struct FirstView: View { var body: some View { ZStack{ Color.yellow VStack{ Text("FirstView") NavigationLink { SecondView() } label: { Text("Go SecondView") } } } } } struct Sec..

디바이스 화면고정 portrait only

앱을 만들때 가로화면을 고려하지 않기 위해 landscape 모드를 지원하지 않는 방법입니다. UIKit로 구현하는 경우 (Storyboard) AppDelegate.swift에 코드를 추가합니다. func application(_ application: UIApplication, supportedInterfaceOrientationsFor window: UIWindow?) -> UIInterfaceOrientationMask { return UIInterfaceOrientationMask.portrait } SwiftUI로 구현하는 경우 디렉토리의 프로젝트를 누르고 TARGETS에 있는 프로젝트를 선택합니다. Info -> Supported interface orientations 여기서 지원하고자 하..

[SwiftUI] Grid속성

Grid의 속성에 대해서 자세히 알아보자. Grid의 종류 : LazyHGrid, LazyVGrid 속성 : fixed, flexible, adaptive LazyVGrid 데이터를 수직으로 나열하고자 할 때 사용합니다. 수직으로 나열하기 때문에 column을 사용합니다. column은 세로 한 줄을 의미합니다. var body: some View { LazyVGrid(columns: columns) { ForEach(0..

URLSession을 통해JSON 가져오기 (2)

SwiftUI 이 글은 alamofire와 같은 외부라이브러리를 사용하지 않는 아주 기초적인 방법입니다! mockapi.io에서 샘플을 만들면 아래와 같은 데이터를 생성해 줍니다. https://62bbeeb36b1401736cecefcf.mockapi.io/user 데이터는 다음과 같이 구성했습니다. struct User: Codable, Identifiable { var createdAt: String var name: String var avatar: String var id: String } json데이터를 가져오기 위해 메인으로 작성되는 class는 이 전 글과 동일합니다. 더보기 class network { func getJSON(completion : @escaping ([User]) ->..

URLSession을 통해JSON 가져오기 (1)

SwiftUI 이 글은 alamofire와 같은 외부라이브러리를 사용하지 않는 아주 기초적인 방법입니다! json data를 가져올 샘플링크: https://jsonplaceholder.typicode.com/todos 위 사이트에서 받을 json의 형태는 다음과 같다. Todo가 Codable, Identifiable 프로토콜을 채택해야 한다. 그 이유는 각각 Codable : JSONDecoder()에서 사용하기 위함 Identifiable : 데이터를 List에서 리스팅할 때 사용하기 위함 struct Todo: Codable, Identifiable { var userId: Int var id: Int var title: String var completed: Bool } network.swift..

Auto Layout 1 [Why?]

📍 Auto Layout 이란 ? 제약조건(Constraints)에 따라 모든 뷰의 크기와 위치를 동적으로 지정하는 것 이게 왜 필요한지? 를 이해하기 위해서는 Frame-Base Layout에 대한 사전 지식이 필요하다. Frame-Base Layout Xcode 상에서 이미지 View의 크기와 위치를 위와 같이 지정하고 Simulator로 실행시켜보자. (review화면을 iPhone11로 하고, 파란 점선 표시가 뜨는 중간으로 위치를 지정했음) 실행하면 iPhone11은 예쁘게 정중앙에 적당한 크기로 이미지가 배치된다. 하지만 SE같은 경우에는 중앙에 배치 되지 않고 위치가 애매하다. 그러면 이번에는 landscape(가로모드) 로 돌려 보자 ❓ 이미지가 실종됐다. 이유는, 처음에 x와 y의 값을..

[SwiftUI] 데이터 바인딩 (1/5) @State

데이터바인딩 데이터 바인딩(data binding)은 제공자와 소비자로부터 데이터 원본을 결합시켜 이것들을 동기화하는 기법이다. 라고 위키백과가 말하는데, 쉽게말해 SwiftUI에서 데이터 바인딩은 view에 보여줄 데이터를 연결하는 작업이라고 생각하면 될 것 같습니다. 바인딩하는 데이터의 종류는 다양하고 그 용도가 다 다르기 때문에 바인딩 하는 방법도 다양합니다. IOS 프로그래밍을 할 때 swift에서 익히 사용하던대로 프로퍼티를 선언하고 수정하면 에러가 나는것을 볼 수 있다. 그 이유와 대체 키워드인 @State에 대해서 알아보자 왜 에러가 나는가? 아래 코드는 기본적인 ContentView 형태로 버튼을 누르면 str의 값을 변경하는 코드입니다. 하지만 아래 코드는 에러가 발생합니다. struct..