Kiosk Team Project (3)

Xib

내가 맡은 역할은 카테고리 메뉴를 구현하고 카테고리 메뉴를 클릭 시, 메뉴 판이 보여지게 만드는 것이다. 가장 해결하기 어려웠던 부분은 Xib 와 Storyboard 간의 연결을 만드는 것이였다. 우선 Xib 파일을 통해 기본적인 컴포넌트들을 만들고 그 컴포넌트들이 스토리보드에 나오게 만드는 것이 1차 목표였다.

1. user interface에서 view를 생성하여 CategoryStackView.xib파일을 만들고, cocoa touch로 CategoryStackView.swift파일을 만든다
2. CategoryStoryView.xib 파일에서 Placeholders그룹에 속해있는 File's Owner의 identity inspector의 Custom Class를 우리가 생성한 CategoryStackView로 지정해준다.
3. CateogoryStoryView.xib 파일에 있던 View를 삭제하고, 라이브러리에서 StackView를 추가하고 Button을 추가해 컴포넌트를 구성한다
4. 추가적인 코드 작성을 통해 Xib와 Storyboard를 연결시켰다
   

실제 Xcode로 구성한 모습

Xib파일에 있는 view를 Storyboard에 넣는 방법을 찾지를 못해서 애를 많이 먹었엇다. 거의 두시간 넘게 고민하고 붙잡았던 것 같다... 분명히 코드로는 구현을 했는데 실제로 빌드를 해보면 스토리보드에 잡히질 않는 것이다. 방법은 간단했다. 스토리보드에 Xib에서 구성할 View의 공간을 찾아서 라이브러리에서 View를 삽입한다. 그리고 똑같이 CateogoryStoryView을 Custom Class로 구성해주면 되는 것이다.

실제로 빌드를 하면 이렇게 나온다

구현이 제대로 나오니 별거 없는데 뿌듯하다

내일 할 일

• 버튼을 누르면 UICollectionView의 구성이 바뀌도록 설정하기
• git merge하고 팀원들과 결과물 합치고 충돌 해결하기
• 알고리즘 문제 풀기