라티의 작은 일기장

이제 드디어 LED 전광판 앱의 UI를 그리는 단계로 들어섰다! 기존에 화면 전환, 화면(View)간 데이터 전달을 위한 예제 실습용 프로젝트가 아닌, LED 전광판 앱 개발 실습을 위한 프로젝트 "LEDBoard"를 따로 생성해주자! 그리고 실습에서 그랬던 것 처럼 화면 전환을 위해 Navigation Controller를 추가하자. 그리고 똑같이 디폴트로 생성된 View Controller를 지우고 기존에 생성된 VC를 Navigation Controller의 Root VC로 지정해보자. 그럼 대충 이런 모양이 된다. (놀랍게도, Root VC를 위한 스토리보드 진입점을 나타내는 화살표는 Drag&Drop 방식으로 VC를 넘나들 수 있었다!) 그리고 우클릭 드래그를 통해 초기 VC를 Root VC로 ..

오늘은 화면(View) 간에 데이터를 전달하는 방법에 대해 알아보자. 이전 화면에서 생성된 데이터를 다음 화면에서 활용하는 경우가 분명 생길텐데, 이번 파트에서 잘 학습해두자. 이번 실습은 지난번에 화면 전환 구현 예제에서 약간의 코드 변형을 통해 이루어진다. 우선 코드를 활용하여 화면 전환하는 VC의 스토리보드 상에 Label을 추가해주자. 그리고 각 VC의 코드에 해당 Label에 대한 Outlet 변수도 추가해주자. 그리고 그 Outlet 변수 밑에 name이라는 String 프로퍼티도 추가해주자. var name: String? 다음으로 Root View Controller의 코드에서, VC를 인스턴스화 해주는 메소드에 전환되는 VC 클래스로 다운캐스팅하는 코드를 추가해보자. @IBAction f..

지난번에 간단히 화면 전환 구현 실습을 진행하였는데, 이번에는 ViewController의 Life Cycle(생명 주기)에 대해 알아보려 한다. 앱 내에서 화면이 전환되면 Root View Controller가 로드 된 이후에 새로운 VC가 나타나거나, 사라지는 일 들이 생기는데 이러한 일들을 담당하는 특정 메소드들에 대해 알아보려 한다. 애플 공식 개발자 레퍼런스 사이트에 방문하면 ViewController의 생명 주기를 표현한 상태 전이 그래프를 하나 찾을 수 있는데,이 그래프를 통해 이해를 하는 것이 가장 좋고 빠를 것 같아서 가져와봤다. 우선 위 그래프의 상태에 해당하는 뷰의 각 상태에 대해 알아보자. Appearing : 뷰가 화면에 나타나는 중 Appeard : 뷰가 화면에 나타나는게 완료된..

오늘은 어제 개념적으로 배운 화면 전환 구현에 대해 실습을 진행해볼것이다. 화면 전환을 위해 새로운 프로젝트를 만들어주고, 우선 메인 스토리보드를 띄워보자. 그리고 어제 배운 Navigation Controller를 스토리보드에 끌어와보자! 검색하면 쉽게 찾을 수 있다. 그런데 문제는 늘 해왔듯 끌어와서 보면.. 이렇게 웬 생뚱맞은 뷰가 2개나 더 생겨버린다! Navigation Controller는 말 그대로 화면 전환을 담당하는 친구니까 내버려두고, 디폴트로 생성된 Root View Controller를 선택하고 지워주자. 그러면 이렇게 딱 두 화면만 남는데, 여기서 끝이 아니라 원래 있던 뷰를 새로운 Root View Controller로 설정해줘야한다. 방법은 IBOutlet 변수 추가했던 것 처..

오늘은 중요한 시험 전날이지만... 어김없이 Swift 공부는 시작된다..! 그래서 오늘 공부할 것은 iOS 앱 개발에서 필수적일 수 밖에 없는 개념이지 않을까 싶다. 세상에 잘 만들어졌다고 평가받는 어느 앱이 딱 하나의 화면으로만 구성돼있던가? (물론 몇몇 특수 앱들 제외) 아이폰에서 유저 친화적인 제스처를 통해 화면을 넘기고, 다시 불러오고, 앱의 주요 기능에 속해 있는 많은 세부 기능들을 다른 화면에 모아두고, 메인 화면에서는 그것을 볼 수 없게 하여 앱에서도 미니멀리즘을 표현할 수단으로서 활용하는 그것은 바로~~? 화면 전환! 그렇다! 화면(View Controller) 간 전환이다! 이번에 우리가 구현할 전광판 앱은 둘 이상의 화면을 가진 앱이기 때문에, 화면 전환과 그 방법에 대해 공부해볼 필..

어우... 웃풍을 맞으며 잤더니 인후통 + 약간의 몸살이 와버렸다.. 이 글을 읽는 분들은 환절기 조심하시길... 뭐, 아프거나 말거나 Swift 공부는 계속 된다. 이번 시리즈는 LED 전광판 앱 개발이다. 설정 화면에서 LED 전광판에 표시할 문자열과 폰트에 대한 설정을 해주면 그대로 화면에 표시해주는, 역시나 간단한 앱이다. 하지만 이번 앱에서는 화면(View)이 전환되는 기능이 있어서 또 새로운 것을 배우게 될 것 같다. 우선은 UINavigationController 부터 배워보자. 이것에 대해 이해하려면, Content View Controller와 Container View Controller에 대해 알아야 한다. Content View Controller? 화면을 구성하는 뷰를 직접 구현하..

오늘은 명언 생성기 앱 구현을 마무리 하려고 한다! 지난 회차는 명언 생성기 앱의 UI 구현을 중점적으로 진행하였고, 오늘은 앱의 기능을 구현하는 것을 목표로 할 것이다. 앞서 다루었던 IBOutlet, IBAction을 사용할건데, 우선은 명언 표시 영역의 두 Label에 Outlet 변수를 연결해보자. 명언을 표시하기 위한 Label의 이름을 quoteLabel, 이름을 표시하기 위한 Label의 이름을 nameLabel이라고 명명하였다. UI에서 만들었던 명언 생성 버튼의 기능을 구현하기 위한 IBAction 함수도 정의해보자. 함수의 이름은 tapQuoteGeneratorButton 이라고 하였다. 다음은 우리가 무작위로 보여줄 명언의 정보를 가지고 있는 구조체를 한 번 만들어보자. 프로젝트 폴더..

오늘은 드디어 서브 타이틀이기도 한 명언 생성기의 명언 생성 기능을 구현해보는 실습을 진행할 것이다. 기능이 간단한 앱이기에 내일 중으로 명언 생성기 앱 개발 실습은 마무리 할 예정이다. 우선 내내 실습을 진행했던 ExampleProject는 닫고, 명언 생성기 앱을 위한 프로젝트 QuoteGenerator를 만들어주자. 그리고 빠르게 Main.storyboard의 UI 화면을 띄워서 UILabel을 추가하고, 해당 라벨의 텍스트 값을 "명언 생성기"로 변경하자. 그럼 이런 화면이 될 것이다. 해당 라벨은 앱의 이름을 표시하는 용도로 사용할 것인데, 가운데 정렬도 안 돼있고 뭔가 보기 불편하다. 앞서 배운 AutoLayout을 적용해보자. Top - Left - Right의 Constraint 값을 24..