BOID

안녕하세요, HoonIOS입니다. 이번 포스팅에는 UIKit에서 UITableVIew로 사용되는 List에 대해 사용법 및 설명에 대해 포스팅을 하려고 합니다. 리스트란?(List) List란 하나 이상의 행 및 뷰를 수직 방향의 목록 데이터로 여러 개의 행이 표현되는 UI를 구성해 여러 개의 데이터를 쉽게 나열할 수 있도록 구성된 뷰입니다. UIKit의 UITableView와 다른점은 UITableView에서는 하나의 행을 셀이라고 표현을 한 반면 SwiftUI에서는 로우라고 표현합니다. SwiftUI인 새로운 프레임워크를 통해 리스트를 만들면 그만큼 장점도 있을 겁니다. 장점으론 사용하기 편하다. 귀찮은 것들이 없어졌다입니다. UITableView를 사용하려면 UITableViewDataSource,..

안녕하세요, HoonIOS입니다. 저번에는 NavigationView에 대해 알아봤는데 이번에는 애플에서 제공하는 navigationViewStyle 수식어들에 대해 원하는 스타일을 적용하도록 한번 살펴보겠습니다. 내비게이션 뷰 스타일은 크게 3가지를 제공합니다. 내비게이션 뷰에 스타일을 적용하는 방법은 아래와 같습니다. NavigationView { } .navigationViewStyle(...) 스타일 종류 설명 DefaultNavigationViewStyle - 내비게이션 뷰의 기본 스타일 - 자동으로 스타일을 결정 - watchOS에서만 제외하고 모두 사용이 가능 StackNaviagtionViewStyle - 계층 구조를 하나 뷰로 나가는 스타일 - tvOS, iOS에서 사용 가능 - Navi..

안녕하세요, HoonIOS입니다. 이번에는 UIkit에서 제공하는 UINavigationViewController을 SwiftUI에서 어떻게 사용하는지 한번 살펴보겠습니다. 내비게이션 뷰는 내비게이션 스택을 통해 콘텐츠 뷰들을 관리하는 컨테이너 뷰입니다. 또 화면을 전환하거나 내비게이션 아이템, 내비게이션 타이틀과 같은 요소들을 이용해 Controller을 쉽고 다양하게 보여줄 수 있습니다. NavigationView 적용 방법 NavigationView { Text("ContentView 01") } 내비게이션 뷰를 적용하기 위해서는 넣고 싶은 컨탠츠들을 내비게이션 뷰로 감싸 주면 됩니다. 즉, 저는 내비게이션 뷰 안에 Text 객체를 넣어줘서 표현해줬습니다. NavigationViewTitle 적용 ..

안녕하세요, HoonIOS입니다. SwiftUI에서 Button 사용자의 탭 이벤트를 통해 특정 작업을 할 수 있게 기본적으로 제공하는 컨트롤러입니다. 즉 UIKit에서는 UIButton하고 같은 역할을 하는 친구라고 생각을 하시면 더 이해하기 쉬우실 거 같습니다. 애플 공식문서에서는 어떻게 정의하고 있는지 한번 확인해보겠습니다. 말 그대로 행동을 이니셜라이저해 컨트롤하는 거라고 쓰여있네요, 말 그대로 행동을 컨트롤한다! 이거입니다. 버튼의 생성자는 모두 2가지 매개변수를 정의를 하고 있습니다. 한 개는 버튼의 외형을 구분해주는 거고 다른 하나는 이벤트가 발생했을 때의 처리를 해주는 코드입니다. 이해가 안 되실 수 있으니 아래 버튼한개를 생성해보겠습니다. var body: some View { VStac..

안녕하세요, HoonIOS입니다. :) SwiftUI에서 뷰의 레이아웃을 잡아주는 다양한 방법이 있는데 이번 포스팅에는 스택을 이용해 레이아웃을 잡는 방법에 대해 살펴보겠습니다. 스택 스택은 실제로 Storyboard, UIKit에서 사용하는 레이아웃입니다. 바로 UIStackView인데요, 실제로 SwiftUI에서 스택도 같은 역할을 한다고 생각하시면 더 이해하기 쉬울 수 있습니다. Storyboard를 사용해서 레이아웃을 구성할때는 굳이 UIStackView을 필수적으로 사용할 필요 없이 다른 방법을 이용해서도 구현을 할 수 있었는데요, SwiftUI에서는 거의 필연적(?)이라 매우 중요합니다. 스택의 특성 스택은 Content를 제네릭 매개 변수로 받아 자식 뷰로 표현하는 제네릭 구조체로 선언되어 ..

안녕하세요, HoonIOS입니다. 저번에는 sqlite3에 대해 간단하게 설명하고 어떻게 흐름을 진행해야 하는지 포스팅을 했었습니다. 이번에는 간단한 테이블을 만드는 방법으로 한번 구현을 해보겠습니다. sqlite3 구현하기 1. 제일 먼저 프로젝트 정보에서 Build Phases -> Link Binary With Libraries에서 libsqlite3을 추가해주겠습니다. 2. 이제 위에서 +버튼을 눌러주고 sqlite를 검색해서 추가해줍니다. 3. sqlite 라이브러리는 C형태로 되어 있으므로 브릿지 헤더 파일을 만들어 이 프로젝트와 라이브러리를 연결해줘야 합니다. 4. 브릿지 파일의 이름을 정해주겠습니다. - 브릿지 파일의 이름을 정할 때 웬만해서는 프로젝트명-SQLite3-Bridging-He..

안녕하세요, HoonIOS입니다. 앱 개발 스터디를 통해서 팀원들과 part별로 나누어서 앱 개발을 하고 있는데 여러 UI 기능을 구현을 하다. SearchBar을 처음 구현을 해봤는데 이것을 정리하면 좋을꺼 같아 글을 적게 되었습니다. iOS에서 SearchBar을 구현하는 방법은 2가지가 있습니다. UISearchBar UISearchController UISearchBar 애플 문서에서는 사용자로부터 검색 연관된 정보를 받기 위한 특별한 뷰라고 설명이 되어있습니다. UISearchBar는 entering text, 검색 버튼, 북마크 버튼, 취소 버튼을 제공합니다. 이 UISearchBar을 그냥 구현을 하면 쌩 날것 그대로는 검색기능을 수행하지 않습니다. 즉, UISearchBarDelegate ..

안녕하세요, HoonIOS입니다. 저번 포스팅에는 UIPickerView와 UIPickerViewDelegate, UIPickerViewDataSource에 대해 포스팅을 하였습니다. 이제 이 포스팅을 통하여 배운 델리게이트를 사용하여 구현을 해보겠습니다. UIPickerView구현하기 ㅎㅎ 우선 어떤 피커뷰를 구현할지 결과부터 한번 봐보겠습니다. 텍스트 필드를 누르면 UIPicker가 등장하게 되고 그 value값을 선택하고 Done 버튼을 누르면 선택된 value가 아래에 있는 label에 들어가게 만들어 주겠습니다. 1. 우선 제일 먼저 스토리보드를 통해 UI를 구성해 주겠습니다. * 설명 테이블 뷰의 타입을 Static Cell로 설정을 해주겠습니다. 왜냐하면 이번 실습에서..