Swift 13주차 - 자동 레이아웃  목차  자동 레이아웃이란? 자동 레이아웃(Auto Layout)은 기기의 디스플레이 크기와 관계없이 동일한 레이아웃을 구현하는 기능이다. 자동 레이아웃을 사용하지 않을 경우에는 아래 그림처럼 스토리보드에서 작업한 아이폰 15 Pro는 크기가 딱 맞지만 아이폰 15 Pro보다 디스플레이 크기가 큰 아이폰 15 Pro Max는 오른쪽와 아랫부분에 여백이 생긴다. 또한 아이폰 15 Pro보다 디스플레이 크기가 작은 아이폰 SE에서는 그림이 넘쳐 잘리게 된다.   하지만 자동 레이아웃 기능을 사용하면 이미지 뷰의 위, 오른쪽, 아래, 왼쪽 여백이 알맞게 설정되어 디바이스가 바뀌어도 해당 디바이스의 여백에 맞게 배치될 것이다.   자동 레이아웃 설정하기 다음과 같은 프로젝트..

Swift 12주차 - 내비게이션 컨트롤러 이용해 화면 전환하기 이번 주차에서는 네비게이션 컨트롤러를 사용해 화면을 전환해 보고 화면 전환과 동시에 데이터도 전달 되도록 구현해 볼 예정이다.  목차  네비게이션 컨트롤러 앱을 위한 기본 환경 구성하기 먼저 스토리보드에서 네비게이션 컨트롤러를 추가해보자. IPhone 모양의 뷰 컨트롤러를 클릭한 후 메뉴에서 Editor-> Embed in-> Navigation Controller 를 선택하자.   그러면 처음에는 없었던 네비게이션 컨트롤러가 추가된 모습을 볼 수 있다.   뷰 컨트롤러에 제목을 추가해보자. 메인 뷰 컨트롤러의 상단부분을 클릭한 후 오른쪽 인스펙터 영역에서 Attributes inspector 버튼을 클릭하자.   아래 Title에 '메인화..

Swift 11주차 - 탭 바 컨트롤러를 이용해 여러개의 뷰 넣기 이번 주차에서는 앞에서 만들어 놓았던 예제를 활용해 초기 화면과 세개의 화면을 탭 바 컨트롤러를 이용해 구성해볼 예정이다.  목차  탭 바 컨트롤러 앞에서 배운 예제들은 해부분 '하나의 뷰'만 보여주었다. 하지만 상황에 따라 하나의 뷰가 아니라 다양한 내용, 즉 여러개의 뷰를 보여줄 때가 더 많다. 이를 위해 여러개의 뷰와 더불어 뷰를 선택해 이동할 수 있게 해주는 컨트롤러가 필요하다. 그 역할을 하는 것이 바로 탭 바 컨트롤러이다.이러한 탭 바를 이용하는 대표적은 앱에는 아이폰의 시계, 음악, 전화 앱 등이 있다.   탭 바 컨트롤러 앱을 위한 기본 환경 구성하기 먼저 스토리보드에 탭 바 컨트롤러를 추가하자. 스토리보드의 아이폰 화면 상..

Swift 11주차 - 페이지 이동하기 (페이지 컨트롤) 이번 주차에서는 페이지 컨트롤을 이용해 여러 개의 이미지를 화면에 출력하는 간단한 갤러리 앱을 만들어 볼 예정이다.  목차  페이지 컨트롤(Page Control) 페이지 컨트롤(Page Control)은 아래 그림처럼 아래쪽의 작은 동그라미가 줄지어 있는 부분으로, 여러 페이지 중에서 현재 페이지를 알려 주는 역할을 한다.  다시 말해 현재 뷰에서 보여주고자 하는 내용이 여러 개일 때 페이지를 나누어서 보여주는 기능을 말한다. 흔히 갤러리나 아이폰의 홈 화면과 같은 앱에서 전체 페이지 중 현재 페이지가 어느 부분에 있는지 알려줄 때 사용한다.  페이지 컨트롤 앱 화면 꾸미기 먼저 프로젝트에서 사용할 이미지 6개를 추가해보자. 이미지를 추가할 폴더..

Swift 10주차 - 맵 뷰로 지도 나타내기 이번 주차에서는 지도, 위치 관련 앱에서 활용할 수 있는 맵 뷰(Map View)를 사용하여 지도를 나타내고, 원하는 곳에 핀을 선택하여 원하는 글자를 나타내는 실습을 진행할 예정이다.  목차  맵 뷰 앱 화면 꾸미기 지도 화면에서 현재 위치 및 특정 위치를 선택할 수 있는 '세그먼트 컨트롤(Segmented Control)'을 추가하자.    세그먼트 컨트롤은 여러 세그먼트로 구성된 수평 컨트롤이며, 세그먼트는 각 세분화된 기능을 가진 버튼을 말한다. 기능상으로 버튼과 동일하지만 버튼들을 한 곳에 모아놓고 '선택'의 개념이 더해진 것이 바로 세그먼트 컨트롤이라고 볼 수 있다.   다음으로 세그먼트 컨트롤의 세그먼트를 추가해보자. 인스펙터 영역에서 Segme..

Xcode로 만든 앱 실제 내 아이폰에서 실행하기 지금까지 우리가 만든 앱들을 모두 맥 컴퓨터 안에서 에뮬레이터로 실행해보고 있었다. 그런데 에뮬레이터로는 실행할 수 없는 기능들(GPS, 자이로 센서 등)이 있어서 추후에 앱을 만들고 테스트 할 때 어려움을 겪을 수 있다. 그래서 오늘은 Xcode로 만든 앱들을 실제로 내가 가지고 있는 아이폰에서 실행하는 방법을 소개하려고 한다.  목차  개발자 계정 추가하기 Xcode로 만든 앱을 실제 아이폰에서 실행시키기 위해선 먼저 개발자 계정을 추가하는 과정을 거쳐야 한다. 보통 애플의 개발자 계정은 돈을 내고 권한을 얻을 수 있는데 우리가 해 볼 것은 앱스토어에 앱을 출시하는게 아니라 내 아이폰에만 테스트 할 예정이므로 Apple ID로 설정해줘도 된다.  Xc..

HTML(HyperText Mark-up Language)이란? HTML(HyperText Mark-up Language)은 웹 페이지를 구성하는데 사용하는 마크업 언어이다. 마크업 언어는 태그 등을 이용하여 데이터의 구조를 기술하는 언어의 한 가지이다. 웹 페이지 문서의 구조와 구성 요소를 표현하는데 목적을 두고 있다.   XML(eXtensible Markup Language)이란? W3C에서 여러 특수 목적의 마크업 언어를 만드는 용도에서 권장되는 다목적 마크업 언어이다.  XML은 주로 데이터를 저장하거나 전달하여 교환하는데 목적을 두고 있다. 즉, 데이터 교환을 위해 데이터 구조를 정의할 수 있다.    HTML과 XML의 차이점 1. HTML은 고정된(사전 정의된) 언어이다. 예를 들어 , 과..

Swift 9주차 - 웹 뷰로 간단한 웹 브라우저 만들기  이번 주차에서는 웹 뷰를 사용해 다양한 기능을 구현하는 웹 페이지를 만들어 볼 예정이다. 목차 웹 뷰(Web View) 웹 뷰(Web View)는 웹 콘텐츠를 뷰 형태로 보여주는 앱이다. 크롬 브라우저와 같이 HTML로 작성된 홈페이지를 표시할 수 있다. 직접 인터넷에 연결된 주소를 입력하여 홈페이지에 접속할 수 있을 뿐만 아니라 미리 저장된 HTML 파일을 읽어들여 표시할 수도 있다.   웹 뷰 앱 화면 꾸미기 먼저 홈페이지 URL을 입력할 텍스트 필드를 추가해보자. 우측 상단 라이브러리 버튼을 클릭해 택스트 필드(Text Field)를 찾고 스토리보드 위쪽에 끌어오자.   그리고 홈페이지 이동을 위한 버튼을 추가하자.   인스펙터 창을 열어 ..

Swift 7주차 - 알람 시계 만들기 이번 주차에서는 얼럿(Alert)를 사용해 경고 메시지 기능을 추가하여 알람 시계를 만들어 볼 예정이다. 조건 : 1. 현재 시간과 알람 시간이 같아지면 얼럿으로 알람 메시지를 나타내본다. + 얼럿창이 뜸과 동시에 배경색을 빨간색으로 바꾼다. 2. 얼럿창에서 확인버튼을 누르면 배경색을 다시 하얀색으로 바꾼다. 목차 얼럿(Alert) 얼럿은 사용자에게 즁요한 알람이나 경고 메시지를 나타내야 할 때 사용된다. 사용자의 주의를 집중시키는 경고로 마무리할 수도 있고 후속 조치를 취할 수도 있다. 알람 시계 만들기 지난번 4주차 도전문제로 만들었던 알람 시계를 그대로 가져와보자. 아래 링크로 들어가서 ViewController와 Main.storyboard를 따라 만들어보면..

Swift 6주차 - 기본 문법 알아보기 이번 주차에서는 Swift의 기본 문법에 대해서 알아보려고 한다. 목차 데이터 타입(자료형) Swift에서 사용할 수 있는 테이터 타입은 Int(정수), Double(부동소수점), Float(부동소수점), Bool(부울), String(문자열), Character(문자), Void(값 없음) 등이 있다. Int는 정수(소수점이 없는 수)를 저장하는데 사용한다. 특정 크기 8비트, 16비트, 32비트, 64비트도 지정해 줄 수 있다. Int8, Int16, Int32, Int64 부호없는 정수도 지원한다. UInt8, UInt16, UInt32, UInt64 이렇게 특정 크기의 데이터 타입을 지원하지만 애플에서는 그냥 Int 타입을 권장하고 있다. Int 타입은 해..