📱 iOS

[UIKit] CustomDatePicker 만들기 (2/3)

CustomPickerButton을 만들었으니 DatePicker로 진화해보자 알다시피 나는 이걸 만들기로 했다 📌 UI setting 별거 없다.. 그냥 ㄹㅇ UI setting code open class CustomDatePicker: UIView{ private var Titlelabel = UILabel() private var years = [String]() private var months = [String]() private var days = [String]() private let yearWidth : CGFloat = 126 private let monthWidth : CGFloat = 103 private let dayWidth : CGFloat = 103 private lazy ..

[UIKit] CustomDatePicker 만들기 (1/3)

UIKit 공부겸 프로젝트를 진행하는 도중에 DatePicker를 커스텀해야 하는 상황과 마주했다. 📌 구현내용 일단 기본 제공되는 DatePicker를 사용할 수는 없었다 그래서 UIButton의 inputView에 pickerView를 넣어서 만들것이다 일반적으로 TextField의 inputView에 pickerView를 사용하던데 나는 TextField가 필요없어서 대장정을 걸어보기로 했다.. 📌 UI setting 위에 언급했던 CustomDatePicker에서 box 하나씩을 CustomPickerButton이라고 하겠다. // CustomPickerButton.swift public class CustomPickerButton: UIButton { private var uiView = UIV..

[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..

Passing Data (직접전달방식)

데이터를 전달하는 여섯가지 방법을 알아보자 ! 1. instance property 데이터를 전달받을 ViewController 프로퍼티에 값을 전달하는 방법이다. 데이터를 전달받을 property를 선언하고, 그 property의 값을 UI에 적용하는 원리이다. 데이터를 전달받을 ViewController propertyDataViewController.swift var passingData = "" //여기에 데이터 전달받을 예정 @IBOutlet weak var setPassingData: UILabel! //여기에 전달받은 데이터 적용 override func viewDidLoad() { super.viewDidLoad() setPassingData.text = passingData } 데이터를 ..