뜯기, 정보

스토리보드에 라이브러리(Library)를 통해서 여러 객체를 추가하고 꾸미는 방법을 알아보겠습니다. 간단하게 텍스트를 나타낼 수 있는 레이블(Label) 객체와 텍스트를 입력할 수 있는 텍스트필드(Text Field) 객체와 액션을 입력받을 수 있는 버튼(Button) 객체를 순차적으로 추가하고 꾸미는 방법에 대해 알아보도록 하겠습니다. 1. Library 열기 먼저, 스토리보드에서 작업을 하기 위해서 [Main.storyboard] 파일을 눌러서 위와 같이 스토리보드를 열어주세요. 스토리보드에서 상단에 있는 '+'버튼, [Library] 버튼을 눌러주세요. [Library] 창에서 스토리보드 화면에 추가하고자 하는 객체를 선택해서 원하시는 위치에 추가해주시면 됩니다. 2. 객체 선택 - Label [L..

데이트 피커(Date Picker) 객체를 이용해서 날짜와 시간을 선택할 수 있습니다. 데이트 피커를 활용해서 선택한 시간과 현재 시간을 표시하는 기능을 만들어보도록 하겠습니다. 1. 데이트 피커(Date Picker), 레이블(Label) 추가 데이트 피커(Date Picker)를 이용해서 선택된 시간과 현재 시간을 표시하는 기능을 만들기 위해서 [라이브러리(Library)]에서 [데이트 피커(Date Picker)]와 [레이블(Label)] 객체를 추가해주세요. 저는 상단에 데이트 피커를, 하단에는 현재 시간과 선택된 시간을 표시할 레이블 객체를 배치하였습니다. 2. 아웃렛 변수 추가 - Label 먼저, 선택된 시간과 현재 시간의 데이터 값이 들어갈 레이블(Label) 객체에 대한 아웃렛 변수를 추..

Xcode에서 스토리보드(Storyboard)를 이용해서 앱의 화면을 보다 쉽게 확인하면서 꾸밀 수 있습니다. 이 스토리보드를 어떻게 사용할 수 있고, 보다 편하게 사용하기 위해서 UI 설정을 어떻게 할 수 있는지 살펴보도록 하겠습니다. [Xcode] 왼쪽 네비게이터 영역에 보시면 [Main.storyboard] 파일이 있습니다. 해당 파일을 열어주시면 편집기 영역에 아이폰 모양의 스토리보드가 나옵니다. : 스토리보드(storyboard)? 스토리보드는 iOS 앱 화면 구성을 보다 직관적으로, 바로 볼 수 있게끔 구성할 수 있도록 지원해주는 기능으로 Xcode 4.2버전부터 제공되고 있습니다. 어떤 형태로 앱의 화면을 구성할지, 특정한 액션을 취했을 때 어떤 형태가 나타날 것인지 등 앱 화면의 전체적인 ..

이미지 뷰(Image View)를 통해서 이미지 및 사진을 보여줄 주 있습니다. 이미지 뷰를 활용하여 추가한 이미지를 확대하고 축소하는 기능과 더 나아가서 스위치 버튼을 통해서 이미지를 변경하는 기능을 한 번 만들어보도록 하겠습니다. 1. 이미지뷰(Image View), 버튼(Button), 스위치(Switch) 추가 이미지 뷰를 활용한 기능을 만들기 위해서 [라이브러리(Library)]에서 [이미지뷰(Image View)]와 [버튼(Button)], [스위치(Switch)] 객체를 추가해주세요. 추가하신 후, 위와 같이 상황에 맞게 배치하신 후 내용 변경 및 꾸며주시면 됩니다. 2. 아웃렛 변수 & 액션 함수 추가 해당 기능 구현에 필요한 이미지뷰, 확대/축소 기능을 할 버튼에 대한 아웃렛 변수와 확대..

: 아웃렛 변수 아웃렛 변수(Outlet Variable)는 스토리보드에서 추가한 객체의 내용을 변경하거나 특정한 동작을 하기 위해서 해당하는 객체에 접근하기 위한 변수입니다. 데이터가 들어오면 해당 데이터를 저장하는 변수라고 보시면 됩니다. 데이터를 가지고 와야 하는 객체에 대해 변수를 만들어보겠습니다. 레이블(Label) 객체의 데이터와 텍스트 필드(Text Field) 객체의 데이터를 가지고 올 수 있는 아웃렛 변수를 추가하고 설정해보겠습니다. 1. 아웃렛 변수 추가 - Label 'Swift App'이라는 Label 객체에 대해서 아웃렛 변수를 추가하겠습니다. 변수를 추가하고자 하는 Label 객체를 [마우스 오른쪽 버튼]으로 선택하시고, 보조 편집기 영역으로 드래그 하시면 됩니다. 이때, 'Vi..

ios 앱을 만들기 위해서 스위프트(Swift)를 사용할 수 있습니다. 이 스위프트(Swift)는 대체 무엇이고, 어떠한 장점이 있고, 어떠한 환경에서 개발을 할 수 있는지 살펴보도록 하겠습니다. : 스마트폰의 운영체제 iOS 안드로이드 언어 오브젝트-C 스위프트(Swift) 자바 C/C++ 운영체제 맥(Mac) 윈도우(Windows) 유닉스(UNIX) 관련 제품 아이폰, 아이패드 등 갤럭시 등 스마트폰의 운영체제는 ios와 안드로이드로 나뉘어져 있습니다. 간단하게 생각해서 갤럭시에서 사용하는 안드로이드와 아이폰에서 사용하는 ios로 나뉘어진다고 보시면 됩니다. 저희는 이 운영체제 중에서 'iOS' 운영체제를 만들 수 있는 언어, [스위프트]에 대해 알아보겠습니다. : 스위프트? - 애플(Apple)의 ..

Xcode를 통해서 스위프트 개발을 할 때 iOS 시뮬레이터(iOS Simulator)를 통해서 보다 쉽고 빠르게 개발한 앱의 동작을 확인할 수 있습니다. 개발한 앱을 아이폰에서 직접 확인을 하기 위해서는 '애플 개발자 프로그램'에 일정 비용을 지불하고 가입 후, 아이폰에서 확인이 가능합니다. 하지만 간단하고 비용 없이 개발한 앱을 확인하고자 하는 경우에는 iOS 시뮬레이터를 통해 쉽게 확인가능합니다. 실기기 아이폰에서 확인하는 것과 같이 거의 동일하게 시뮬레이터에서도 확인이 가능하기 때문에 개발하는 중간중간에 시뮬레이터를 통해 많이 확인을 하고는 합니다. iOS 시뮬레이터는 실기기에서 테스트 하는 것이 아닌 맥(Mac) PC에서 확인을 하는 것이기 때문에 테스트를 하는 데 있어서 제한된 기능이 있고, ..

: 데이트 피커(Date Picker) 데이트 피커(Date Picker)는 날짜와 시간을 선택할 수 있는 객체로, 아이폰 시계 앱 등에서 많이 볼 수 있는 기능 중 하나입니다. 날짜와 시간을 선택하는 방법은 데이트피커뿐만 아니라 리스트 방식이나 드롭다운 방식 등으로 보여줄수도 있으나 선택항목이 많은 날짜의 경우에는 데이트 피커(Date Picker) 방식을 많이 사용하는 편입니다. 데이트 피커(Date Picker)는 여러 모드를 지원하고 있습니다. 지원 모드에 대한 설명은 아래에서 깊게 살펴보겠습니다. 데이트 피커를 통해서 날짜와 시간을 선택할 수 있기 때문에 시계나 알림, 알람 등의 앱을 만들 때 많이 사용되기도 합니다. : 데이트 피커(Date Picker) 추가 1. Library - 객체 선택..

: 액션 함수(Action Function) 간단하게 의미를 말하면 동작을 정의하는 함수로, 어떠한 동작을 할 수 있도록 정의하고 연결시켜주는 역할을 합니다. 예를 들면, 버튼을 클릭하면 입력된 텍스트를 표시하고자 할 때 데이터를 표시하는 함수를 만들고 해당 버튼과 연결시켜이벤트를 처리하는 역할을 하는 함수를 말합니다. 버튼을 클릭하면 입력된 데이터를 표시하는 액션 함수를 추가해보도록 하겠습니다. 1. 액션 함수 추가 - Button 액션 함수를 추가하고자 하는 객체, 버튼(Button)을 '마우스 오른쪽 버튼'으로 선택한 후, '뷰 컨트롤러(View Controller) 클래스 맨 마지막 부분'에 추가해주세요. 정리를 하면, 1. 객체를 마우스 오른쪽 버튼으로 선택하고 드래그 한다 2. 뷰 컨트롤러 클..

: Xcode 기본 화면 구성 스위프트 개발을 하기 위해서 사용할 Xcode 프로그램의 기본 구조부터 화면 구성 및 작업 화면 설정은 어떻게 하는지 왼쪽에서부터 순차적으로 살펴보겠습니다. : 전체 구성 - 내비게이터 영역 : 프로젝트, 심벌, 검색, 이슈, 테스트, 디버그, 브레이크 포인트, 리포트 내비게이터 등의 정보를 확인할 수 있는 영역 - 편집기 영역 : 스토리보드를 이용해서 화면을 디자인 할 수 있고, 소스 파일을 열어서 소스를 직접 입력할 수 있는 영역 - 인스펙터 영역 : 스토리보드를 편집할 때, 버튼이나 컨트롤러, 뷰와 같은 여러 객체들의 속성을 편집할 수 있는 영역 : 스위프트 기본 프로젝트 파일 [네비게이터 영역]을 보시면 프로젝트 생성과 동시에 여러 파일이 생성된 것을 확인할 수 있습..