APP 만들기/ios - study

따라하며 공부하기 1.3 - Memo App Main UI

잉카콜라 2023. 6. 16. 12:24

KxCoding 메모앱 따라 하며 공부하기
( 영상과 공부시점의 버전차이가 있어 UI 등 다른 부분이 있음 )

 

 Table View에 표시할 데이터 만들고 셀 구성하기 

Memo 클래스 생성을 위해 새로운 그룹을 만들어준다

 

새로 만든 그룹(폴더)에 새로운 파일을 만들어준다

 

Swift File 선택 후 Next 클릭

 

이름을 Model로 하고 Create 클릭

 

Memo 클래스를 만들고 내용을 작성했다

 

Table View는 1개의 데이터를 Cell로 표시한다

Cell을 선택하고 Style을 Subtitle로 선택한다

 

다음으로 subtitle의 색상을 변경했다

 

Table View에 속성값을 표시하기 위해선 Identifier 에 값을 입력해줘야 한다

만약 Identifier에 값을 입력하지 않는다면 앱에서 충돌이 발생하기 때문이다
( 작성하지 않으면 앱이 동작하지 않는다 , 여기에선 1개만 있어서 아무 이름이나 적었다 )

 

Table View가 데이터를 표시하도록 코드를 작성하기 위해 Sync과 연결되어 있는 View Controller를 생성해 준다

 

Cocoa Touch Class를 선택 후 Next 클릭

 

View Controller 클래스는 UI View Controller라는 특별한 클래스를 상속해야 한다 

아니면 UI View Controller를 상속한 다른 클래스를 상속해야 한다

 

여기서 클래스와 연결하려는 Sync은 View Controller 중에서
Table View Controller 이기 때문에 UITableViewController를 상속해야 한다

 

이렇게 만들어지고 연결을 하기 위해서 Class 이름을 복사한다

 

Table View 위에 초록색 버튼을 클릭하고 오른쪽에 Class에 복사한 내용을 붙여 넣기 해준다

적용이 안 되는 경우도 있어서 붙여 넣기 한 후 엔터키를 입력해 주면 더 좋다

 

다 된 후 cmd + b 키를 눌러서 빌드해 주면 된다

 

 

KxCoding
https://youtu.be/DEC0VvYbseU

728x90