vanguard09의 등록된 링크

 vanguard09로 등록된 네이버 블로그 포스트 수는 14건입니다.

[Swift] 델리게이트(Delegate)와 프로토콜(Protocol)이란? [내부링크]

Dele-gate [델리게이트] 1. [명] 대표(자) 2. [동] 위임하다 3. [타동] (대표를) 뽑다, 선정하다 오늘 정리할 내용은 델리게이트 (Delegate) 에 대한 내용입니다. 델리게이트의 개념 자체는 다른 언어에서도 사용되는 굉장히 보편적인 내용이지만, Swift에 대한 공부글인만큼, 이 글에서는 Swift 시점으로 정리를 해봅니다 이 부분은 Swift를 사용한 개발의 전반적인 부분에 있어 굉장히 중요한 부분이기도 하기 때문에, 지금 당장 완벽한 이해는 못하되, 개념적인 구조를 익히는데 초점을 두면 좋겠네요. 프로토콜 (Protocols) 과 델리게이트 (Delegate) 먼저 델리게이트 (Delegate) 를 설명하기 이전에, 같이 이해하고 넘어가야할 개념을 봅시다. 프로토콜 (Protocols) 프로토콜은 특정 기능 수행에 필수적인 요소를 청의한 청사진(blueprint)입니다. Apple - The Swift Language Guide - 프로토콜 (Protoc

[Swift] 이미지 뷰(Image View) 객체와 활용 - 원하는 이미지 출력하기 [내부링크]

이번 시간에 해 볼 실습은, 이미지 뷰(Image View) 객체를 사용해 원하는 이미지를 화면에 출력하고, 이미지의 종류나 크기를 사용자가 변경 할 수 있게끔 해보자. 이다. 메인이 되는 객체는 이미지 뷰(Image View) 가 되겠다. 예제 실습 1. 사용할 이미지 프로젝트에 추가 본격적인 작업에 들어가기전에, 활용할 이미지 파일을 Xcode에 불러오는 작업이 필요하다. 방법은 간단하다. Xcode 화면 왼쪽 내비게이터 영역에서, 현재 프로젝트의 폴더를 우클릭 하고, "Add Files to SwiftImageView" 를 눌러 이미지 파일을 추가하면 된다. 또는 이런식으로 드래그 앤 드롭해도 된다. 2. 스토리보드 구성 이제 스토리 보드 구성을 통해 앱 화면을 꾸며보자. 이미지 뷰(Image View) 객체와 스위치(Switch) 객체 이번 실습에는, 이미지를 출력할 이미지 뷰(Image View) 객체 이미지를 확대 및 축소하는 역할을 할 스위치(Switch) 객체 이미

[Swift] 페이지 컨트롤(Page Control) 객체와 활용 - 갤러리 앱 만들기 [내부링크]

이번 시간에 해 볼 실습은, 전 포스팅의 연장선에 있는 실습이다. [Swift] 이미지 뷰(Image View) 객체와 활용 예제 [1] 이번 시간에 해 볼 실습은, 이다. 메인이 되는 객체는 이미지 뷰(Image View) 가 되겠다. 예제 실습 1. ... blog.naver.com 이미지 뷰(Image View) 객체를 사용해 원하는 이미지를 화면에 출력하고, 페이지 컨트롤(Page Control) 객체를 통해 이미지의 페이지를 나누어 사용자가 바꿀 수 있게끔 해보자. 저번 실습에서 이미지 뷰(Image View) 객체에 대해 소개했으니, 이번 실습에서 메인이 되는 객체는 페이지 컨트롤(Page Control) 객체가 되겠다. 페이지 컨트롤(Page Control) 객체란? 페이지 컨트롤(Page Control) 객체는 여러 개의 내용을 한 뷰(View) 에서 페이지별로 보여주기 위해 사용하는 객체다. 예제 실습 1. 사용할 이미지 프로젝트에 추가 이전 실습과 마찬가지로,

[Swift] 데이트 피커(Date Picker) 객체와 활용 - 날짜 선택하기 [내부링크]

이번 시간에 해 볼 실습은, 데이터 피커(Date Picker) 객체를 사용해 원하는 날짜와 시간을 선택하면 해당 값을 출력하고, 현재 시간을 타이머 기능을 추가해 출력하게끔 해보자. 이번 실습에서 메인이 되는 객체는 데이트 피커(Date Picker) 객체가 되겠다. 데이트 피커(Date Picker) 객체란? 데이트 피커(Page Control) 객체는 날짜와 시간을 선택할 수 있는 객체로, 아이폰 시계 앱 등에서 흔하게 볼 수 있는 기능 중 하나이다. 객체 자체에 모드와 스타일을 변경할 수 있는 옵션이 있다. 예제 실습 1. 스토리보드 구성 먼저 스토리 보드 구성을 통해 앱 화면을 꾸며보자. 데이트 피커(Date Picker) 객체 이번 실습에는, 날짜와 시간 선택을 위한 데이트 피커(Date Picker) 객체 현재시간 및 선택한 시간을 출력할 라벨(Label) 객체 두개의 객체를 사용해 스토리 보드를 구성한다. ※ 데이터 피커 스타일을 [Inline] 으로, 모드를 [

[Swift] 피커 뷰(Picker View) 객체와 활용 - 원하는 이미지 항목 선택 [내부링크]

이번 시간에 해 볼 실습은, 피커 뷰(Picker View) 객체와 이미지 뷰(Image View) 객체를 사용해, 이미지들 중 사용자가 원하는 이미지 하나를 선택해 이를 보여주게끔 해보자. 이번 실습에서 메인이 되는 객체는 피커 뷰 (Picker View) 객체가 되겠다. 피커 뷰(Picker View) 객체란? 피커 뷰 (Picker View) 객체는, 여러 항목중 원하는 항목 하나를 사용자가 선택할 수 있게끔 하는 객체이다. 데이트 피커(Date Picker) 객체 또한 피커 뷰(Picker View) 의 종류중 하나이다. 예제 실습 1. 사용할 이미지 프로젝트에 추가 본격적인 작업에 들어가기전에, 활용할 이미지 파일을 Xcode 에 불러오는 작업을 해주자. 항목을 위해 랜덤한 사진 10개정도를, 알기쉬운 파일 이름으로 프로젝트에 추가한다. 이 때 정리를 위해 이미지 파일을 추가할 폴더를 만들어 넣자. 2. 스토리보드 구성 이제 스토리 보드 구성을 통해 앱 화면을 꾸며보자

[Swift] 웹 뷰(Web View) 객체와 활용 - 웹 브라우저 만들기 [내부링크]

이번 시간에 해 볼 실습은, 웹 뷰(Web View) 객체를 사용해, 다양한 기능을 구현하는 웹 페이지를 만들어 보자. 이번 실습에서 메인이 되는 객체는 웹 뷰(Web View) 객체가 되겠다. 웹 뷰(Web View) 객체란? 웹 뷰(web View) 객체는, 웹 컨텐츠를 뷰 형태로 보여주는 객체이다. HTML 로 작성된 홈페이지를 표시할 수 있으며, 미리 저장된 HTML 파일을 읽어들여 표시할 수도 있다. 예제 실습 1. 스토리보드 구성 먼저 스토리 보드 구성을 통해 앱 화면을 꾸며보자. 웹 킷 뷰 (WebKit View) 객체와 툴 바(Tool Bar) 객체 액티비티 인디케이터 뷰(Activity Indicator View) 객체와 바 버튼 아이템(Bar Button Item) 객체, 그리고 플랙서블 스페이스 바 버튼 아이템(Flexible Space Bar Button Item) 이번 실습에는, 주소를 직접 입력할 수 있는 텍스트 필드(Text Field) 객체 웹의 내

[Swift] 익명함수(Anonymous Functions) 의 개요 [내부링크]

Closure [클로저] 1. [명] 폐쇄 2. [명] 종료 3. [타동] 닫혀있다 오늘 정리할 내용은 익명함수(Anonymous Functions) 에 대한 서론적인 내용이다. 델리게이트(delegate) 개념과 마찬가지로, Swift 언어 뿐만이 아니라 다양한 프로그래밍 언어에서 사용되는 개념이지만, Swift 에 대한 공부글인 만큼, Swift 의 시점에 맞추어 설명하도록 하겠다. 특히나 이번 내용의 경우, 다른 함수형 프로그래밍 언어에서 가지는 의미와 미묘하게 다른 차이점도 있기 때문에, 정확한 구분을 필요로 한다. 클로저란? 먼저 익명함수(Anonymous Functions) 에 대해서 설명하기전에 이해하고 넘어가야 할 내용을 보자. 클로저(Closure) 클로저(Closure)는 코드블럭으로, C와 Objective-C의 블럭(Blocks) 과 다른 언어의 람다(Lambdas) 와 비슷합니다. 클로저(Closure)는 어떤 상수나 변수의 참조를 캡쳐(Capture) 해

[Swift] 얼럿(Alert) 활용 - 경고 메세지 띄우기 [내부링크]

이번 시간에 해 볼 실습은 얼럿(Alert) 기능을 이용해 알림이나 경고를 출력하고, 사용자에게 조치를 받을 수 있는 기능을 구현해 보자. 윈도우의 얼럿(Alert) 창 얼럿(Alert) 기능이란? 얼럿(Alert) 기능은 사용자에게 중요한 알림이나 경고 메세지를 나타낼 때 주로 사용한다. 단순한 출력뿐만 아니라, 사용자에게 메세지에 따른 선택을 요구할 수도 있고, 선택에 따른 특정 작업 또한 구성할 수 있다. 예제 실습 1. 사용할 이미지 추가 본격적인 작업에 들어가기전에, 활용할 이미지 파일을 Xcode 에 불러오는 작업을 해주자. .png 파일 세가지 추가 켜진 전구 이미지, 꺼진 전구 이미지, 제거된 전구 이미지 총 세 개의 .png 파일을 알기 쉬운 파일 이름으로 프로젝트에 추가한다. 2. 스토리보드 구성 이제 스토리 보드 구성을 통해 앱 화면을 꾸며보자. 이미지 뷰(Image View) 이번 실습의 스토리보드 구성은 정말 간단하다. 이미지 파일 출력을 위한 이미지

[Swift] 여러 뷰(View) 의 활용 (1) - 탭 바 컨트롤러 [내부링크]

이번 시간에 해 볼 실습은 탭 바 (Tab Bar) 객체를 사용하여, 여러 뷰 사이를 이동할 수 있도록 컨트롤 하는 탭 바 컨트롤러를 구성해 보자. 이 때, 뷰는 전에 실습했던 프로젝트에서 가져오도록 하자. 다양한 앱의 탭 바(Tab Bar) 탭 바 (Tab bar) 객체란? 여러개의 뷰를 선택해 이동할 수 있게 해주는 객체이다. 탭 바 (Tab Bar) 객체 자체는 화면에 출력되는 뷰 요소이므로, 이를 제어하는 컨트롤러가 필요하고, Swift 프레임워크에서 제공하는 컨트롤러를 탭 바 컨트롤러(UITabBarController) 라고 한다. 탭 바 (Tab Bar) 객체와 탭 바 컨트롤러로 구성된 인터페이스를 탭 바 인터페이스 라고 부른다. 예제 실습 1. 스토리보드에 탭 바 컨트롤러 추가하기 스토리보드에 탭 바 컨트롤러를 추가해보자. 아무것도 없는 스토리보드에 뷰를 제어할 탭 바 컨트롤러를 추가할 것이다. 메뉴의 [Editor > Embed In > Tab Bar Contr

[Swift] 맵 뷰(Map View) 객체와 활용 - 지도 나타내기 [내부링크]

이번 시간에 해 볼 실습은 맵 뷰(Map View) 객체를 사용하여, 뷰(View) 에 지도를 출력하도록 구성해보자. 또한 위도와 경도를 설정해 원하는 위치를 표시하고 이를 세그먼트 컨트롤을 이용하여 각각 저장해보자. 맵 뷰(Mab Kit View) 객체란? 맵 뷰(Mab Kit View) 객체는 지도를 출력하는 객체이다. 다양한 지도 기반 앱에 사용된다. 세그먼트 컨트롤 (Segmented Control) 객체란? 세그먼트 컨트롤(Segmented Control) 객체는 두 개 이상의 세그먼트로 구성된 수평적인 집합이다. 각 세그먼트는 버튼과 유사한 기능을 수행한다. 현재 선택된 세그먼트가 무엇인지 알 수 있어 가시성이 좋다. 예제 실습 1. 스토리보드 구성 먼저 스토리 보드 구성을 통해 앱 화면을 꾸며보자. 맵 킷 뷰(Map Kit View) 객체와, 세그먼트 컨트롤(Segmented Control) 객체 이번 실습에는, 현재 위치 및 설정할 특정 위치를 선택할 수 있게

[Swift] 여러 뷰(View) 의 활용 (2) - 네비게이션 컨트롤러 [내부링크]

이번 시간에 해 볼 실습은 여러 뷰 사이를 오갈수 있게끔 내비게이션 컨트롤러를 이용해보자, 이 때 화면 전환과 동시에 데이터도 전달되도록 구현해 보자. 네비게이션(Navigation) 컨트롤러란? 네비게이션 컨트롤러는 뷰를 선택해 이동할 수 있게 해주는 컨트롤러다. 네비게이션 (Navigation) 객체 자체는 화면에 출력되는 뷰 요소이므로, 이를 제어하는 컨트롤러가 필요하고, Swift 프레임워크에서 제공하는 컨트롤러를 네비게이션 컨트롤러(UITabBarController) 라고 한다. 탭 바 (Tab Bar) 컨트롤러와 네비게이션(Navigation) 컨트롤러의 차이 탭 바 (Tab Bar) 컨트롤러와 네비게이션(Navigation) 컨트롤러 모두 IOS 에서 사용자 인터페이스를 구성하고, 뷰 컨트롤러간의 이동을 가능하게 하는 컨트롤러이다. 탭 바 컨트롤러는 여러 개의 뷰를 탭(Tab) 형식으로 구성하고, 각 탭(Tab) 은 독립적인 화면을 표시한다. 네비게이션 컨트롤러

[Swift] 여러 뷰(View) 의 활용 (3) - 테이블 뷰 컨트롤러 [내부링크]

이번 시간에 해 볼 실습은 여러 뷰 사이를 오갈 수 있게끔 테이블 뷰 컨트롤러를 이용해 할 일 목록을 구현해보자. 이 때 목록을 추가하거나 제거할 수 있는 기능도 구현해보자. 전화 앱의 연락처, 설정 앱의 설정항목 등 테이블 뷰 (Table View) 컨트롤러란? 테이블 뷰 컨트롤러는 테이블 뷰(Table View) 객체를 제어하는 컨트롤러다. 테이블 뷰 (Table View) 는 여러 행과 열로 구성된 데이터를 표시하고, 사용자의 상호작용을 처리하는데 사용된다. 주로 목록 형식의 데이터를 표시하고, 이 목록을 선택, 편집, 정렬 등의 작업으로 처리할 때 사용된다. 테이블 뷰(Table View) 컨트롤러 외 다른 컨트롤러에 대한 내용은 다음 글을 참조하자. [Swift] 여러 뷰(View) 의 활용 (1) - 탭 바 컨트롤러 이번 시간에 해 볼 실습은 탭 바 (Tab bar) 객체란? 여러개의 뷰를 선택해 이동할 수 있게 해주는 객... blog.naver.com [Swif

[iOS] 화면 통일, 오토 레이아웃(Auto Layout) 이란? [내부링크]

Auto-LayOut (오토 레이아웃) 레이아웃(Layout) 은 배치다 오늘 정리할 내용은 IOS 의 오토 레이아웃(Auto Layout) 기능이다. 오토 레이아웃이 무엇일까? 단어만 봐서는 '자동 레이아웃'?, '자동으로 뭘 배치하는건가'? 등의 생각이 든다. 맞다. 정확한 해석이다. 오토 레이아웃(Auto Layout) 은 여러 해상도에서도 뷰(View) 가 알맞는 화면을 출력할 수 있도록 조건을 걸어 자동으로 크기와 위치를 맞춰 배치하는 기능 이다. 위 사진을 보면, iPhone SE 기종에는 딱 알맞게 보이는 화면이, iPhone 8, iPhone 8 Plus 기종에서는 어림도 없이 작게 보인다. 위 사진이 오토 레이아웃(Auto Layout) 기능이 적용된 뷰(View) 의 모습이다. 오토 레이아웃 기능을 사용하면, 해상도가 다른 각 기기를 위해 일일히 뷰(View) 를 수정할 필요 없이, 제약 조건(Constraints) 을 이용해 쉽게 모든 해상도에서의 호환을 가능하게

[Swift] 옵셔널(Optional) 정리의 개요 [내부링크]

op-tion-al [옵셔널] 1. [형] 선택적인 2. [형] 임의적인 오늘 정리 할 내용은 옵셔널(optional) 에 관한 내용입니다. 옵셔널(optional) 이라는 단어를 직역하면 선택적인, 임의적인 이라는 뜻입니다. 마찬가지로, Swift 에서의 옵셔널의 의미는 어떤 변수에 값이 있을수도 있고 없을수도 있는 임의적인 상태를 정의 내리는것 입니다. 이건 안전함을 추구하는 Swift 언어의 큰 특징중 하나로, 최신 프로그래밍 언어에서 나오고 있는, 새로운 Null(Nil) 값 처리 개념의 대표이기도 합니다. 예시를 통해 조금 자세히 알아봅시다. 옵셔널이란? Swift 프로그래밍을 하면서 변수의 타입 뒤에 ? 가 붙은 코드를 자주 볼 수 있습니다. 이 ? 가 바로 옵셔널 기호입니다. 변수 선언에 대한 간단한 예를 들어볼까요? var test : Int //변수 test를 Int형 타입으로 선언 test = nil //Int형 타입 변수 test에 nil 값을 할당 이 코드를 컴