이동건의 이유있는 코드

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의 흐름을 그림을 통해서 살펴보도록 하겠습니다. 그럼 이..

Custom Table View 이전까지는 기본적으로 주어지는 틀의 Table View를 만들어보았다면 이번 포스팅에서는 Cell을 직접 디자인해보는 Custom Table View를 만들어보는 시간을 갖도록 하겠습니다. 이전 포스팅을 바탕으로 작성된 글이기 때문에 처음 접하시는 분들은 아래의 글들을 먼저 읽어보시기 바랍니다. Basic Table View - UI Basic Table View - Code 그럼 본격적으로 시작해보도록 하겠습니다. 1) Basic Table View와의 차이점 Cell Design UITableViewCell.class 먼저 Table View안에 들어가는 Cell의 디자인이 기본적으로 주어지는 것과는 다릅니다. 그렇기 때문에 이러한 커스터마이징 된 Cell의 요소들에 ..

Basic Table View - Code 지난 포스팅에서는 기본적은 UI 세팅을 하였다면 이번 포스팅에서는 본격적으로 코드를 작성해보는 시간을 갖도록 하겠습니다. 바로 시작하겠습니다. 1) Data 먼저 우리가 만들 예제 어플리케이션에서 만들 데이터들을 간단하게 코드로 작성해보도록 하겠습니다. 실제 배포되는 어플리케이션에서는 이처럼 데이터를 코드로 작성하지 않고 대부분 서버에서 받아오는 형태이지만 연습 예제이니만큼 이해해주시기 바랍니다. import UIKit class ViewController: UIViewController { var dataList = [[String:String]]() /* Dictionary를 배열로 갖는 데이터 구조. */ var weather:[String] = ["clo..

Basic Table View - UI 안녕하세요! 오늘은 스위프트가 아닌 ios 개발 관련된 포스팅을 해보려합니다. 오늘 이야기해 볼 주제는 바로 TableView입니다. 모바일 어플리케이션 관련 서적이나 블로그들을 보면 기본적으로 다루는 요소 중 하나입니다. 그 만큼 가장 많이 쓰이기도 하는 요소 중 하나입니다. 안드로이드를 공부하시고 계시거나 하셨더라면 RecyclerView 혹은 ListView에 관해서 많이 들어보셨을 것입니다.그와 같이 ios에는 TableView가 존재합니다. 우선 TableView가 무엇인지 모르시는 분들을 위해 간단한 예제들을 통해서 알아보도록 하겠습니다. Intro 위에서 언급했던 것과 마찬가지로 거의 모든 모바일 어플리케이션에는 TableView가 들어가게 됩니다. 카..