TIL✏️

[iOS] 키오스크 앱 프로젝트 - 스토리보드 초기 뷰 컨트롤러 설정

yujjne 2024. 4. 2. 21:59

✔️오늘 한 것

  • 초기 코드 작업 및 GItHub 업로드
    • 엄청난 conflict 해결... 과 공부
  • 장바구니 tableView 화면 구성

 

 

[TIL] 키오스크 앱 프로젝트(2) - GitHub 초기 작업

오늘은 키오스크 앱 프로젝트 둘째 날이다. 오전에 간단히 회의하며 요구사항 정리 후 초기 코드 작업을 위해 xcode 프로젝트에 화면 별로 각각 스토리보드 생성하고 작업한 내용 GitHub에 올리고 p

yujjne.tistory.com

GitHub 관련된 내용은 여기에 포스팅 했다!


 

이제 내가 맡은 화면 디자인 작업을 시작해보자~

 

 

🧺 장바구니 화면 구현

 

시작할 땐 필요한 UI 컴포넌트들을 배치 후 오토레이아웃 잡기!

주문 목록은 테이블 뷰를 사용했다.

 

CartViewController

 

CartTableViewCell

nib 파일로 생성 후 테이블뷰의 셀도 마찬가지로 컴포넌트 배치 후 오토레이아웃을 잡았다.

 

👉 위 코드는 VC에서 셀의 리소스 파일을 가져오는 방법이다.

 

 

Prototype Cells 설정

 

닙파일로 셀을 생성해줬는데 연결 문제가 생겨 prototype cell을 추가하고 기존에 만든 셀의 class와 Identifier를 연결해줬다.

TableView의 셀 작업하며 생겼던 오타 오류들도 해결하니 화면이 잘 나온 것을 확인할 수 있었다.

 

 

 

 

💡 원하는 화면 빌드해서 확인하기

앞에서 초기 작업하며 스토리보드 파일을 따로 생성해줬기 때문에 

본인이 작업한 화면을 빌드해서 보고 싶을 때 설정해줘야 하는 것들이 있다.

 

  • Info 파일에서 Storyboard Name 설정

 

  • Info 파일에서 Storyboard Name 설정

 

이렇게 설정해준다면 원하는 뷰 컨트롤러를 초기 스토리보드로 볼 수 있다!🧐

 

 

오늘도 하루가 어떻게 지나갔는지 모르겠다..

내일은 UI 구성 마무리 하고 기능에 따른 로직 작업 시작하기로 했당 화이팅👏🏻~~