패스트캠퍼스 챌린지 9일차

 

2월 1일 화요일 / 9일 차

 

---

 

CH05

일기 앱 만들기 - 일기 작성 기능 구현

 

 

 

일기 앱 만들기 실습

 

내용 요약

UItabBarController - 다중 선택 인터페이스를 관리하는 컨테이너 뷰 컨트롤러로, 선택에 따라 어떤 자식 뷰 컨트롤러를 보여줄 것인지가 결정 UICollectionView - 데이터 항목의 정렬된 컬렉션을 관리하고 커스텀한 레이아웃을 사용해 표시하는 객체 ㄴ UICollectionViewLayout - 아이템 배치 및 시각적 스타일 결정 ㄴ UICollectionViewFlowLayout - 항목들을 정렬      - Flow 레이아웃 객체를 작성하고 컬렉션 뷰에 이를 할당한다      - 셀의 width, height 를 정한다 (반드시 지정해줘야 함)       - 필요한 경우 셀들 간의 좌우 최소 간격, 위아래 최소 간격을 설정한다      - 섹션에 header 와 footer 가 있다면 이것들의 크기를 지정한다      - 레이아웃의 스크롤 방향을 설정한다 UICollectionViewDataSource - 컬렉션 뷰로 보여지는 콘텐츠들을 관리하는 객체 UICollectionViewDataSource 프로토콜의 주요 메서드 numberOfItemsInSection : 지정된 섹션에 표시할 셀의 개수를 묻는 메서드 (필수로 구현) cellForItemAt : 컬렉션뷰의 지정된 위치에 표시할 셀을 요청하는 메서드 (필수로 구현) numberOfSections : 섹션의 개수를 묻는 메서드 UICollectionViewDelegate - 콘텐츠의 표현, 사용자와의 상호작용과 관련된 것들을 관리하는 객체 (필수로 구현하지 않아도 됨)

 

 

---

 

 

일기 작성 기능 구현 실행화면

 

복습할 내용

 

- Cell에 대한 이해

- Text Field를 Date Picker로 코드 구현 방법

- 조건을 통한 버튼 활성화/비활성화 방법

- 데이트 피커 또는 키보드 입력 중 빈 화면 터치 시 닫히는 기능

 

 

 

 

오늘의 공부 후기

 

일기 앱 만들기 중 일기 작성 화면과 기능을 구현해봤습니다.

인트로에서 작동 방식 설명을 들을 땐 간단하게 구현할 수 있겠다고 생각을 했지만,

사소한 부분까지 직접 코드로 구현하느라 시간이 많이 걸렸습니다.

예를 들어 텍스트 필드에 코드를 통해 데이트피커를 구현하는 방식과

등록 버튼에 조건을 걸어 활성화 시키는 기능에서 몰랐던 방식을 알게 되었고 흥미로웠습니다.

 

 

 

 

 

 

 

 

https://bit.ly/37BpXi

패스트캠퍼스 [직장인 실무교육]

 

 

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.