1. 리스트 목록을 보여줄 'Table View Controller' 추가
Table View Controller이란?
Container View 안에서도 데이터를 표의 형식으로 조직하고 보여줄 때 사용하는 View
*특징 :row(행)와 setion(구역)
사진과 같이 수직으로 스크롤되는 행별로 작성된 목록들을 열로 보여주고, 그 목록들을 그룹별로 구역을 나눠 표시
.
테이블 뷰 컨트롤러를 생성했으면 나중에 다른 뷰와 헷갈리지 않도록 title를 Main View로 변경해 놓는다.
2. 리스트들을 작성하기 위해서는 추가하고 편집하기 위한 뷰 컨트롤러가 필요한데, 이 두개의 뷰 화면 전환을 하기 위해서는 'Navigation Controller'이 필요!! 추가해야함
Navigation Controller이란?
쉽게 말해 드릴 다운 인터페이스로 사진을 보면 이해가 쉽다.
세부 항목이 존재하는 인터페이스로 내비게이션 스택을 사용하여 다른 뷰 컨트롤러를 관리한다.
-출처 : 지니의 개발창고
3. 처음 앱 실행시 가야할 뷰 고정
내비게이션 컨트롤러에서 Inspector창으로 이동 후 View Cotroller 'Is Initial View Controller' 체크하기
Is Initial View Controller을 체크하면 처음 시작할 뷰로 설정된다.
-출처 : 잡동사니 이것저것
4. 뷰 컨트롤러 2개 추가하기(add/detail)
1) add
테이블 뷰 컨트롤러에서 새로 생성한 뷰 컨트롤러와 연결하기 위해 Bar Button Item을 추가
+버튼으로 표시하기 위해 Inspector창에서 Bar Button Item > System Item > 'add'로 변경
변경 후 버튼을 선택한 상태로 뷰 컨트롤러와 연결 시키고 Action Segue > Show를 선택한다.(나중에 +버튼 클릭시 해당 뷰 컨트롤러로 이동)
2) detail(edit)
테이브 뷰 컨트롤러의 Prototype Cells와 추가했던 뷰 컨트롤러 중 나머지 하나를 연결한다.(1 add에서의 연결 방법과 동일)
edit을 하기 위해서는 해당 내용을 상세 보기 위해서 데이터를 전달해야하므로 segue를 선택 > Attributes Inspecor > Identifier > 'detail' 입력한다.
.
처음에 테이블 뷰 컨트롤러에 했던 것 처럼 title를 각자 add와 detail로 변경해 놓는다.
5. 뷰
1) 테이블 뷰
테이블 뷰에 셀을 추가한다
Attribute Inspector > Identifer > 'myList' 입력
2) add
먼저 추가 화면에서 제일 중요한 입력필드 부분과 버튼을 추가해준다.
Text Field : '할일을 입력해주세요.' 문구가 뜨도록 설정하기
button : 버튼이름을 add로 변경
3) detail
add화면에서 입력한 내용 자세히 보기 위한 라벨을 추가
이렇게 스위프트 파일을 추가하기 전에 간단한 준비 완료!
뒷 부분은 다음에,,
전체적인 내용 출처 : 무니봇 IT 블로그(https://moonibot.tistory.com/38)
