Table View 생성 내용에서 연결됩니다.
섹션 분리
ViewController 클래스 안에 Title과 Header를 달아주는 함수를 작성했습니다. 인자로 전달되는 section에 맞는 헤더를 케이스별로 입력해주면 됩니다.
- 코드
- 시뮬레이터로 실행시킨 화면
Main.stroyboard에서 테이블 뷰를 선택하고, Attributes Inspector에서 Stylr을 Grouped로 선택 하였습니다.
- Grouped로 선택된 화면
중첩 배열
food라는 이름의 배열을 생성 했습니다. 중첩배열을 사용한 2차원 배열을 통해 섹션을 여러개노 나누는 방법을 택하였습니다.
- 코드
코드 작성
numberOfRowsInSections 메서드는 섹션의 수를 저장하는 역할을 하며, food 배열의 섹션 수를 저장하고 있습니다.
섹션별로 타이틀을 지정하고 싶어 헤더 이름을 지정해주는 메소드를 사용했습니다.
섹션에 입력된 값의 개수를 표시하는 메서드로, numberOfRowsInSection의 section 값을 받아와 정수형으로 반환을 해줍니다.
- food 배열의 섹션의 수 만큼 리턴하게 설정한것이다.
테이블 뷰에 사용될 cell을 반환해 주는 메서드로, cell에 저장할 값을 설정하고 해당 값을 불러와 textLabel이나 imageView와 같은 형태로 반환해준다.
- food 배열의 인자 값을 textLabel에 text 값으로 저장하여 TableViewCell로 출력합니다.
실행화면
깃허브 : https://github.com/Hangga99