이동건의 이유있는 코드

Auto Layout Programmatically 지난 포스팅에서는 단순히 UIButton과 UILabel을 코드로 작성하고 위치시켜봤다면 이번 포스팅에서는 Constraints를 동적으로 관리하는 방법을 알아보도록 하겠습니다. 먼저 이번 포스팅에서 만들어 볼 예제의 결과 화면을 확인하고 시작하겠습니다. 하단의 Change Constraints 버튼을 누르면 UIView의 크기가 변하는 것을 확인하실 수 있습니다. 그럼 본격적으로 시작해보도록 하겠습니다. 반드시 이전 포스팅을 숙지하시고 들어가시기 바랍니다. Auto Layout Programmatically - 1 1. UIButton 먼저 버튼 하나를 화면 하단에 위치시키고 그 자리에 고정시켜 놓겠습니다. class ViewController: UI..

Storyboard Reference 안녕하세요. 협업을 하시거나, 하나의 스토리보드에 담기에 뷰가 너무 많아진다면 스토리보드 파일을 여러개로 나눌 필요가 있습니다. 오늘은 이렇게 스토리보드를 나누기 위해 사용되는 Storyboard Reference를 간단하게 사용해보는 시간을 갖도록 하겠습니다. 1. Setting 먼저 프로젝트를 하나 생성하고 생성된 Main.storyboard 파일의 ViewController에 두개의 버튼을 올려주세요. 각각의 버튼을 누르면 서로 다른 화면으로 넘어가게 할 텐데요. 하나는 Navigation Controller의 포함된 UIViewController로, 하나는 단순한 UIViewController로 넘어가도록 하겠습니다. 원래 하던 방식대로라면 Main.story..

TextField Hide Problem 안녕하세요. 오늘은 TextField가 키보드에 의해 가려지는 상황을 해결하는 방법에 대해 알아보도록 하겠습니다.상황은 다음과 같을 것입니다. 우리는 TextField를 일정 크기만큼 올려줌으로써 위와 같은 상황의 문제점을 해결할 수 있습니다. 그럼 바로 코드로 작성해보도록 하겠습니다. 1 NotificationCenter 먼저 TextField 하나를 ViewController 위에 올려주고 코드로 연결시켜줍니다. 그리고 우리는 키보드가 나타날 때는 TextField를 올려주고 입력이 끝난 후 키보드가 사라지면 원래의 위치로 돌아오게끔 해야합니다. 즉 키보드가 나타나고 사리지는 행위에 대해 처리를 해줄 필요가 있고 그러기 위해서는 그러한 이벤트가 발생했다는 것을..

Auto Layout Programmatically 처음 iOS 개발을 시작할 때 UI를 구성하는 가장 좋은 방법은 storyboard를 사용하는 것입니다. 위치를 잡기 쉽고 육안으로 확인을 할 수 있기 때문입니다. 저 역시 계속해서 storyboard를 사용해왔습니다. 하지만 항상 모든 영상이나 블로그들의 글을 보면 “storyboard로는 한계가 있다. 코드로 작성을 해야할 때가 있다” 사실 이 말에 크게 공감할 일이 없었습니다. 아직까지는 공부를 이제 막 시작한 저에게는 storyboard만으로도 충분히 좋은 결과물을 볼 수 있었습니다. 하지만 협업을 할 일이 생겼고 iOS 프로젝트는 협업을 어떻게 해야하나를 알아보던 중 git을 통해 협업을 하다보면 storyboard의 conflict가 상당히 ..

Horizontal Scroll View 안녕하세요. 오늘은 Scroll View의 구현 방법 중 하나인 Horizontal Scroll View에 대해서 알아보는 시간을 갖도록 하겠습니다. Horizontal Scroll View의 예로는 인스타그램이나 페이스북에서 여러 장의 사진이 올라온 게시물을 보실 때 사진들을 옆으로 넘기면서 보실 것입니다. 이것이 하나의 Horizontal Scroll View의 예가 될 수 있습니다. 이러한 Horizontal Scroll View를 구현하기 위해서는 스토리보드보다는 코드를 통해 Scroll View안에 들어갈 객체들의 사이즈를 이용하여 객체들의 위치와 Scroll View의 크기를 정해주어야 합니다. 그럼 본격적으로 시작해보도록 하겠습니다. 1. UI - S..

Switching View and Passing Data(1) - Code 지난 시간에는 Navigation Controller와 segue를 통해 기본적인 뷰의 구성과 화면 전환의 흐름까지 설정해보았습니다. 오늘은 본격적으로 코딩을 통해 데이터를 뿌려주고 추가해주는 작업을 해보도록 하겠습니다. 그럼 바로 시작하겠습니다. 1) Table View 먼저 친구들의 연락처 목록을 보여주는 Table View부터 작성해보도록 하겠습니다. 앞선 포스팅에서 언급했듯이 Table View에 대한 자세한 설명은 생략하도록 하겠습니다. 먼저 UITableViewDelegate 프로토콜과 UITableViewDataSource프로토콜은 준수할 것이라고 명시를 합니다. class ViewController: UIViewCo..

Switching View and Passing Data(1) - UI Intro 안녕하세요. 오늘은 어플리케이션을 만드는데 기본 중에 기본인 화면 간 전환과 이에 따른 데이터의 전달에 대해 알아보도록 하겠습니다. 방법들을 나열하고 하나하나 설명하는 것보다는 하나의 간단한 어플리케이션을 만들어보면서 해당 어플리케이션에는 어떤 방법이 사용되었는지를 살펴보면서 알아보는 시간을 갖도록 하겠습니다. 오늘 만들 어플리케이션은 간단한 “친구들의 연락처 리스트” 어플리케이션입니다. 기본으로 내장되어 있는 연락처 어플리케이션의 간단한 버전이라고 생각하시면 될 것 같습니다. 오늘 만들 어플리케이션에 들어가는 방법은 화면 전환에는 segue를 이용한 화면 전환, 데이터 전달에는 unwind segue라는 데이터 전달 방법..

UIViewController Lifecycle 오늘은 UIViewController의 Lifecycle에 대해 알아보는 시간을 갖도록 하겠습니다. View Controller들은 iOS 어플리케이션들에서 중추적인 역할을 하고 여러분이 만드는 모든 어플리케이션의 뼈대를 만듭니다. 그렇기 때문에 View Controller들의 Lifecycle을 이해하는 어플리케이션을 제작하는데 있어서 상당히 중요합니다. 여러분의 어플리케이션이 실행되는 동안 View Controller들이 만들어지고 사라지며 화면을 띄우고 내리는 작업을 수행합니다.이러한 일련의 과정들은 event에 의해 메소드가 호출됨으로써 진행되게 됩니다. 메소드들을 살펴보기 전 Lifecycle의 흐름을 그림을 통해서 살펴보도록 하겠습니다. 그럼 이..