본문 바로가기

2022_iOS 앱 개발자 워크숍/3, App11

맛집 소개 앱 만들기 [3] 맛집 소개 앱 만들기의 마지막 글입니다. 앱 만들기 포스팅은 처음부터 만들어가는 과정이 아닌, 어느정도 완성된 결과물에 대한 순서를 정리하며 복습하는 목적으로 글을 작성한다는 점 양해바랍니다. 화면 구성과 전환 방식 DataViewController에서 메뉴보기 버튼을 누르면 넘어갈 ViewController하나를 추가하겠습니다. 메뉴보기 버튼을 선택하고 새로운 VC(=MenuViewContoller) View에 드래그 앤 드롭해 Segue를 추가하겠습니다. 그리고 데이터를 연동시켜 메뉴를 표시할 Label을 추가하고, Label 아래 TableView를 생성하겠습니다. ※ Label에 이전 씬에서의 데이터를 받아오는 기능을 구현하고 이상없을 때 TableView를 생성해주시면 됩니다.※ Label에 이.. 2022. 1. 25.
맛집 소개 앱 만들기 [2] 이번에는 포스팅 했던 글들의 내용을 위주로 앱을 만들어보겠습니다. 총 3개의 단계로 이루어지며, 처음부터 만들어가는 과정이 아닌 어느정도 완성된 결과물에 대한 순서를 정리하며 복습하는 목적으로 글을 작성한다는 점 양해바랍니다. 화면전환 지난 글에 이어 두 번째 ViewController 입니다. DataViewController라는 이름으로 생성한 ViewController이며, 첫 번째 ViewController에 TableViewCell을 선택한 상태로 DataViewController에 드래그 앤 드롭 해 Segue를 연결하였고 실행 시 cell을 터치하여 화면을 전환 할 수 있게 했습니다. 원래는 첫번째 ViewController에서 네비게이션 컨트롤러를 생성했어야하는데 저는 앱을 다 만들고나서야.. 2022. 1. 24.
맛집 소개 앱 만들기 [1] 이번에는 포스팅 했던 글들의 내용을 위주로 앱을 만들어보겠습니다. 총 3개의 단계로 이루어지며, 처음부터 만들어가는 과정이 아닌 어느정도 완성된 결과물에 대한 순서를 정리하며 복습하는 목적으로 글을 작성한다는 점 양해바랍니다. Main.storyboard 첫 번째 씬으로 나올 ViewController에 TableView를 생성하고 TableView Cell을 추가했습니다. TableView Cell의 Identifier를 "cell"로 지정한 상태이며, ViewController에 대해 TableView에 dataSource와 Delegate를 Outlets으로 연결시켰습니다. ( TableView를 선택하여 ViewController로 드래그 앤 드롭하여 설정할 수 있습니다. ) ViewControl.. 2022. 1. 24.
TableView : Custom Cell 이번에는 테이블 뷰에서 커스텀 셀을 이용하는 방법에 대해 알아보겠습니다. TableView에 대한 코드 작성과 생성방법은 아래 주소를 참고하시면 되겠습니다. https://seagreen83.tistory.com/121?category=996020 https://seagreen83.tistory.com/123?category=996020 테이블 뷰에 셀을 추가하고 셀의 Identifier를 지정하겠습니다. 저는 "cell" 이라고 지정했지만, 다른 이름을 사용해도 상관없습니다. 그리고 cell 안에 항목을 표시할 Label과 항목의 사진을 표시할 UIImageView를 추가하겠습니다. 그리고 Custom Cell을 사용하기 위한 아웃렛을 담당할 swift 파일을 하나 만들겠습니다. [ File > New.. 2022. 1. 22.
ViewController 전환(이동) 시 데이터 이동 이번에는 Table VIew에서 화면 전환 시 데이터도 함께 이동 할 수 있는 방법에 대해 알아보겠습니다. 메인 스토리보드에 Table View를 가진 VC와 첫 번째 VC에서 다음화면으로 넘어갈 VC가 있습니다. 그리고 Navigaion Controller와 Segue를 이용해 Cell을 터치하면 화면이 전환되게 구현했습니다. 즉, 2개의 VC [ ViewController ] 와 Navigation Controller를 준비한 상태입니다. 테이블 뷰 생성하는 법 = https://seagreen83.tistory.com/121 화면 전환 하는 법 = https://seagreen83.tistory.com/125 기본적으로 Table View에는 간단한 배열을 구현한 상태입니다. a, b, c 섹션을 .. 2022. 1. 21.
ViewController 화면 이동(전환) View Controller Scene에서 다른 View Controller Scene으로 이동하는 3가지 방법을 알아보겠습니다. 1, Present 방식 2, Navigation + Push 방식 3, Navigation + Segue 방식 1, Present 방식 먼저 초록색의 View Controller 하나를 추가하겠습니다. 그리고 초록색의 ViewController를 선택한 후 identity Inspector에서 Identity를 설정해주겠습니다. 저는 SecondVC라고 설정했습니다. 이동을 하게 해줄 오브젝트가 하나 필요하겠죠? 첫 번째 ViewController에서 SecondVC로 이동하게 해줄 버튼을 하나 추가하겠습니다. Assistant를 눌러 ViewController.Swift .. 2022. 1. 20.