어코모 :: 2021 하계 모각코 4회차 결과

4회차 7/28(수)

🤍 목표

📂 제작(1) :: 어플 초안 구상 및 구현
    1. 메인화면 구상
    2. 일자별 디테일 화면 구상
    - UI를 더 적절하게 적용해보기

🤍 결과

📂 제작(1) :: 어플 초안 구상 및 구현

1. 메인화면 구상

cocoapods 설치

open Podfile -> 뜨는 편집기에서 pod 'FSCalendar'를 추가. 따옴표 안의 이름은 캘린더뷰의 클래스 이름이 되는 것으로, 내가 임의로 정해도되는줄 알았는데 이 pod이라는 라이브러리에 지정된 캘린더 이름이였다. 그러니까 어쨌든 저 명령어 대로만 입력해야했었음 ㅎ.ㅎ

이렇게 뜨면 성공

1️⃣ UI View를 생성해서 클래스 이름이 FSCalendar를 설정하여 달력을 생성하는 방법

2️⃣ View Controller에 캘린더를 변수로 설정하여 프레임에 삽입하는 방법

위의 방법으로 짜는게 이제까지 공부한 방법을 적용하기 쉬울 것 같아서 1번 방법을 이용하기로 한다.
아래는 여백으로 뒀다가 캘린더의 일자를 클릭하면 식단을 입력하거나 기록된 식단을 확인할 수 있는 view를 띄우려고 한다. 일단 식단 기록은 테이블뷰를 쓸건데, 동적으로 생성하는 것은 다음 시간에 하고 일단 고정 식단을 띄우는 것부터 해보도록 한다!

2. 일자별 디테일 화면 구상

스토리보드는 위 사진의 모습처럼 구상했다. 셀마다 끼니에 대한 식단이 기록되어 뜨도록 구현하고자 했다.

-
let breakfast : [String] = ["그릭요거트", "딸기", "오트밀", "아몬드브리즈"]
let lunch : [String] = ["두부유부초밥", "팽이버섯구이"]
let dinner : [String] = ["소고기구이", "구운김치", "아삭이고추", "상추"]
-
위에 변수로 선언된 고정식단을 띄우로도록 함수를 구현해둔 것이다. 테이블을 띄울때는 테이블 셀의 개수를 반환하는 함수와 셀에 띄울 데이터를 반환하는 함수가 필수적으로 필요한데, 두번째 함수와 세번째 함수가 각각을 가리킨다.
첫번째 함수는 섹션의 수를 반환하는 함수인데, 이것은 테이블 셀을 그룹핑할때 쓰면 좋은 것 같다. 아래처럼 각 그룹의 헤더를 설정해줄 수 있어 깔끔하게 띄울 수 있다.
마지막 함수는 아래 사진의 "[ 맛있는 커피 ]", "[ DELICIOUS COFFEE ]"처럼 헤더의 내용을 반환해주는 함수이다.

출처 https://etst.tistory.com/103?category=861730
-
그래서 나는 위처럼 식단 기록에 대한 내용이 뜨기를 기대하고 빌드했는데, 빌드는 되지만 테이블을 불러오는 중에 오류가 발생한다.. 한참 디버깅했는데 해결되지않아서 일단 4회차 모각코는 마무리하고 다시 해결하여 진행할 예정이다.
다음 모각코에서는 오류 해결 후 동적으로 유저가 식단에 대한 내용을 추가할 수 있도록 테이블 부분을 수정할 것이다.

참조
https://www.youtube.com/watch?v=5Jwlet8L84w

https://etst.tistory.com/105

테이블 뷰 생성
https://etst.tistory.com/103?category=861730