[iOS UIKit] 기본 구조 및 사용법

#iOS

손을 댄게 없다면 기본적으로 아래와 같은 디렉터리 구조를 가질 것이다.

여기서 주로 건들게 될 것은 ViewController와 Main일 것이다.

Main이란 파일은 스토리보드라는 UIKit만의 고유한 설정파일이다.
스토리보드는 UI를 다음과 같은 형태로 관리하게 해준다. 안드로이드에서 xml을 쓰는 것과 비스무리하다.

컨트롤러는 실제 로직적인 부분을 구현하는 부분이다.

버튼을 클릭할때의 로직 등을 여기서 구현하고, 스토리보드에서 버튼과 로직을 연결하는 식으로 작업이 된다.

레이블 추가해보기

스토리보드에 컴포넌트를 추가해보자.
저기 우상단의 + 버튼을 클릭하면

이렇게 컴포넌트를 선택할 수 있는 창이 나온다.

저걸 드래그해서 화면에 던지면

스토리보드에 다음과 같이 추가될 것이다.

그럼 드래그해서 옮긴다든지, 크기를 변경하거나, 텍스트를 변경하는 등의 작업이 가능하다.

오른쪽에 뜨는 설정창을 건드리면 더 많은 옵션을 설정할 수 있다.

이번엔 버튼을 추가해보자.
마찬가지로 버튼을 골라서, 스토리보드에 드래그하면 된다.

그리고 버튼 액션을 구현한다.
다음과 같은 형태를 가진다.

나는 버튼을 누를때마다 레이블의 텍스트가 바뀌게 하려고 한다.
그러려면 컨트롤러로 해당 뷰를 끌고와야 한다.

근데 이게.. 사용법이 은근히 불편하다.
스토리보드와 컨트롤러 소스가 동시에 보이게 띄워놓고, 컨트롤키를 누른 상태에서 스토리보드의 레이블을 드래그, 컨트롤러에 놓으면 이렇게 뜬다.

여기서 변수명을 넣어주면

이렇게

자동완성을 해준다.

그럼 이제 저걸로 텍스트를 토글해주는 로직을 구현해보자.
이런식으로 말이다.

그럼 이번에는 버튼과 액션을 연결할 차례다.
마찬가지로 버튼을 드래그해서 액션 함수에 놓으면, 연결이 된다.

이렇게

그러고 실행하면

잘 토글될 것이다.