iOS 튜토리얼
iOS 시작하기

비고

버전

기본 단일보기 응용 프로그램 만들기

iOS 용 응용 프로그램을 개발하려면 Xcode라는 응용 프로그램으로 시작해야합니다. 사용할 수있는 다른 대체 도구가 있지만 Xcode는 Apple의 공식 도구입니다. 단, macOS에서만 실행됩니다. 최신 공식 버전은 Xcode 9 (현재 베타 버전)가 포함 된 Xcode 8.3.3이며 올해 말에 릴리스 될 예정입니다.

1. Mac을 부팅하고 Xcode를 아직 설치하지 않았다면 App Store에서 설치하십시오.

   (App Store를 사용하지 않거나 문제 가있는 경우 Apple Developer 웹 사이트에서 Xcode를 다운로드 할 수 있지만 베타 버전이 아닌 최신 릴리스 버전을 선택해야합니다.)

   

2. Xcode를 엽니 다. 다음 창이 열립니다.

   

   이 창에는 다음 옵션이 표시됩니다.

   • 놀이터 시작하기 : 이것은 Swift 언어와 Xcode 6에서 소개되었습니다. 런타임 변경 사항을 확인하기위한 작은 코드를 작성하는 데 사용할 수있는 대화 형 영역입니다. 신속한 학습자가 새로운 신속한 기능에 대해 소개 할 수있는 좋은 방법입니다.
   • 새 Xcode 프로젝트 만들기 : 이 옵션을 선택하면 기본 구성으로 새 프로젝트가 만들어집니다.
   • 기존 프로젝트 확인 : 예를 들어, SVN에서 프로젝트를 체크 아웃하는 등 저장소 위치에서 프로젝트를 체크 아웃하는 데 사용됩니다.

3. 두 번째 옵션 인 새 Xcode 프로젝트 만들기를 선택하면 Xcode에서 몇 가지 초기 프로젝트 설정을 요청합니다.

   

   이 마법사는 프로젝트 템플릿을 선택하는 데 사용됩니다. 5 가지 옵션이 있습니다.

   • iOS : iOS 앱, 라이브러리 및 프레임 워크를 만드는 데 사용됩니다 .
   • watchOS : watchOS 응용 프로그램, 라이브러리 및 프레임 워크를 만드는 데 사용됩니다 .
   • tvOS : tvOS 응용 프로그램, 라이브러리 및 프레임 워크를 만드는 데 사용됩니다 .
   • macOS : macOS 응용 프로그램, 라이브러리, 프레임 워크, 패키지, AppleScripts 등을 만드는 데 사용됩니다.
   • 교차 플랫폼 : 교차 플랫폼 앱, 템플릿 및 인앱 구매 콘텐츠를 만드는 데 사용됩니다 .

   애플리케이션에 대해 여러 가지 템플릿이 있다는 것을 알 수 있습니다. 이러한 템플릿은 개발을 향상 시키는데 도움이됩니다. UI 인터페이스 및 클래스 파일과 같은 기본 프로젝트 설정으로 미리 빌드됩니다.

   여기서는 첫 번째 옵션 인 iOS를 사용합니다.

   1. 마스터 - 세부 응용 프로그램 :

      이 템플릿에는 결합 된 마스터 및 세부 인터페이스가 포함되어 있습니다. 마스터는 상세 인터페이스와 관련된 객체를 포함합니다. 마스터에서 개체를 선택하면 세부 정보 인터페이스가 변경됩니다. 이 종류의 UI는 iPad의 설정, 메모 및 주소록 응용 프로그램에서 볼 수 있습니다.

   2. 페이지 기반 응용 프로그램 :

      이 템플릿은 페이지 기반 응용 프로그램을 만드는 데 사용됩니다. 페이지는 한 컨테이너에서 다른보기를 보유합니다.

   3. 단일보기 응용 프로그램 :

      이것은 일반적인 응용 프로그램 개발 템플리트입니다. 이것은 초보자가 응용 프로그램 흐름을 배우는 데 유용합니다.

   4. 탭 응용 프로그램 :

      이 템플리트는 응용 프로그램의 맨 아래에 탭을 작성합니다. 각 탭에는 다른 UI와 다른 탐색 흐름이 있습니다. 시계, iTunes Store, iBooks 및 App Store와 같은 응용 프로그램에서 사용되는이 템플릿을 볼 수 있습니다.

   5. 경기:

      이것은 게임 개발의 출발점입니다. SceneKit, SpriteKit, OpenGL ES 및 Metal과 같은 게임 기술을 통해 더 발전 할 수 있습니다.

4. 이 예제에서는 Single View Application으로 시작합니다.

   

   마법사는 프로젝트 속성을 정의하는 데 도움이됩니다.

   • 제품 이름 : 프로젝트 / 응용 프로그램의 이름
   • 조직 이름 : 귀하가 참여한 조직의 이름
   • 조직 식별자 : 번들 식별자에 사용되는 고유 조직 식별자. 역방향 도메인 이름 서비스 표기법을 따르는 것이 좋습니다.
   • 번들 식별자 : 이 필드는 매우 중요합니다. 프로젝트 이름과 조직 식별자를 기반으로 현명하게 선택합니다. 번들 식별자는 향후 애플리케이션을 기기에 설치하고 iTunes Connect (앱 스토어에 앱을 업로드 할 수 있도록 업로드하는 곳)에 앱을 업로드하는 데 사용됩니다. 응용 프로그램을 식별 할 수있는 고유 한 키입니다.
   • 언어 : 사용하고자 하는 프로그래밍 언어. 여기서 Objective-C를 선택하지 않으면 Swift로 변경할 수 있습니다.
   • 기기 : 나중에 변경할 수있는 애플리케이션에 지원되는 기기. iPhone, iPad 및 Universal을 보여줍니다. 범용 애플리케이션은 iPhone 및 iPad 기기를 지원하므로 한 종류의 기기에서만 앱을 실행할 필요가없는 경우이 옵션을 선택하는 것이 좋습니다.
   • 핵심 데이터 사용 : 프로젝트에서 핵심 데이터 모델을 사용하려면 선택한 것으로 표시하고 .xcdatamodel 대한 파일을 .xcdatamodel . 미리 모르는 경우이 파일을 나중에 추가 할 수도 있습니다.
   • 단위 테스트 포함 : 단위 테스트 대상을 구성하고 단위 테스트를위한 클래스를 만듭니다.
   • UI 테스트 포함 : UI 테스트 대상을 구성하고 UI 테스트를위한 클래스를 만듭니다.

   다음을 클릭하면 프로젝트 디렉토리를 만들 위치를 묻습니다.
   Create를 클릭하면 이미 정의 된 프로젝트 설정으로 Xcode UI가 표시됩니다. 몇 가지 클래스와 스토리 보드 파일을 볼 수 있습니다.

   이것은 단일보기 응용 프로그램의 기본 템플리트입니다.

   창의 왼쪽 상단에서 시뮬레이터가 선택되었는지 확인하고 (예 : "iPhone 6"그림 참조) 삼각형의 RUN 버튼을 누릅니다.

   

5. 새로운 응용 프로그램은 시뮬레이터를 엽니 다 (처음 실행하면 시간이 걸릴 수 있으며 처음 오류가 발생하면 두 번 시도해야 할 수도 있음). 이 응용 프로그램은 생성 된 응용 프로그램에 대한 장치 시뮬레이션을 제공합니다. 실제 장치처럼 보입니다. 실제 장치와 같은 일부 응용 프로그램이 포함되어 있습니다. 방향, 위치, 흔들기 제스쳐, 메모리 경고, 통화 상태 표시 줄, 손가락 터치, 잠금, 재부팅, 집 등을 시뮬레이션 할 수 있습니다.

   아직 템플릿을 변경하지 않았기 때문에 일반 흰색 애플리케이션이 표시됩니다.

그러니 스스로 시작하십시오. 장기적으로 당신을 기다리고있는 새로운 기회가 많이 있습니다!

다음에 어디로 갈지 잘 모르겠 으면 Apple의 ' Jump Right In '튜토리얼을 사용해보십시오. 당신은 이미 처음 몇 단계를 수행 했으므로 선두로 출발합니다.

안녕하세요 세계

Xcode를 설정 한 후에는 첫 번째 IOS를 실행하고 실행하는 것이 어렵지 않습니다.
다음 예제에서 우리는 :

• 새 프로젝트 시작
• 라벨 추가
• 콘솔에 메시지를 인쇄 중입니다.
• 시뮬레이터에서 실행

새 프로젝트 시작하기

Xcode 환영 화면이 나타나면 Create a new Xcode project를 선택 하십시오 . 또는 Xcode 메뉴에서 파일> 새로 만들기> 프로젝트 ... 를 이미 열어 둔 경우 수행 할 수 있습니다.

단일보기 응용 프로그램을 선택하고 다음을 클릭하십시오.

제품 이름 (또는 정말로 원하는 것이 무엇이든)에 대해 "HelloWorld"를 쓰고 언어 에서 스위프트 가 선택되어 있는지 확인하십시오.

• 유니버설 은 앱이 iPhone과 iPad에서 모두 실행됨을 의미합니다.
• Use Core Data 는 영구 데이터 저장 장치를 말하며 Hello World 앱에는 필요하지 않습니다.
• 이 예제에서는 단위 테스트 또는 UI 테스트 를 수행하지 않지만이를 추가하는 습관을 가지지는 않습니다.

기존 폴더를 선택하거나 Xcode 프로젝트를 저장할 위치를 새로 만듭니다. 앞으로는 이것이 기본값이 될 것입니다. 여기서 "Xcode Projects"라는 파일을 만들었습니다. 그런 다음 작성을 클릭 하십시오 . 원하는 경우 소스 제어를 선택할 수 있지만 ( GitHub 와 같은 사이트와 동기화 할 때 사용됨)이 예에서는 필요하지 않습니다.

라벨 추가하기

이것은 Xcode 프로젝트의 파일 구조입니다.

Project Navigator에서 Main.storyboard 를 선택하십시오.

Xcode의 오른쪽 하단에있는 객체 라이브러리의 검색 필드에 "label"을 입력하십시오. 그런 다음 스토리 보드보기 컨트롤러로 UILabel 을 드래그하십시오. 일반적으로 왼쪽 상단 모서리의 영역에 배치하십시오.

스토리 보드에서 라벨이 선택되었는지 확인한 다음 속성 검사기 에서 텍스트를 'Hello, World!'로 변경하십시오. 텍스트 길이가 길어지기 때문에 스토리 보드에서 라벨의 크기와 위치를 변경해야합니다.

또는 스토리 보드의 라벨을 두 번 클릭하여 "Hello, World!"로 편집하십시오. 어쨌든 스토리 보드는 다음과 같이 보일 것입니다 :

코드 추가

Project Navigator에서 ViewController.swift 를 선택하십시오.

viewDidLoad() 메소드에 print("Successfully created my first iOS application.") 을 추가하십시오. 이런 식으로 보일 것입니다.

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // print to the console when app is run
        print("Successfully created my first iOS application.")
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

시뮬레이터에서 앱 실행하기

실행 버튼을 눌러 앱을 빌드하고 실행하십시오. 이 예에서 현재 시뮬레이터 장치 ( "구성표"라고 함)는 iPhone 6s Plus에 기본값으로 설정됩니다. Xcode의 최신 버전은 새로운 구성으로 기본 설정됩니다. 이름을 클릭하여 다른 체계를 선택할 수도 있습니다. 우리는 기본값을 고수 할 것입니다.

시뮬레이터는 처음 실행될 때까지 약간의 시간이 걸립니다. 일단 실행되면 다음과 같이 나타납니다.

시뮬레이터 메뉴에서 창> 눈금 을 선택하여 눈금 을 작게 만들거나 ⌘cmd + 1/2/3/4/5를 각각 100 % / 75 % / 50 % / 33 % / 25 % 눈금으로 누를 수 있습니다.

Xcode 디버그 영역 (하단)은 "첫 iOS 응용 프로그램을 성공적으로 만들었습니다."도 인쇄해야합니다. 콘솔에. "첫 번째 iOS 애플리케이션을 성공적으로 만들었습니다." message는 코드 부분에 프로그래밍 방식으로 인쇄 한 문자열입니다.

계속하다

자동 레이아웃 제약 조건에 대해 알아야합니다. 이러한 기능은 스토리 보드에서 컨트롤을 배치하여 모든 장치 크기 및 방향에서 잘 보이도록 도와줍니다.

Xcode 인터페이스

Xcode에는 네비게이터 (빨간색), 디버그 영역 (녹색) 및 유틸리티 (파란색)의 세 작업 영역이 있습니다.

작업 영역 창에는 항상 편집기 영역이 포함됩니다. 프로젝트에서 파일을 선택하면 그 내용이 편집기 영역에 나타나며, 여기서 Xcode는 해당 편집기에서 파일을 엽니 다. 예를 들어 위의 이미지에서 편집기 영역 인 MainViewController.swift는 작업 영역 창의 왼쪽에있는 탐색기 영역에서 선택된 신속한 코드 파일입니다.

네비게이터 영역

네비게이터 창에는 다음과 같은 8 가지 옵션이 있습니다.

• 프로젝트 탐색기. 프로젝트의 파일을 추가, 삭제, 그룹화 및 관리하거나 편집기 영역에서 내용을 보거나 편집 할 파일을 선택하십시오.
• 기호 네비게이터. 프로젝트의 기호를 목록 또는 계층 구조로 찾습니다. 필터 막대의 왼쪽에있는 단추를 사용하면 표시된 기호를 클래스와 프로토콜, 프로젝트의 기호 또는 컨테이너 만 조합하여 제한 할 수 있습니다.
• 탐색기 찾기 검색 옵션 및 필터를 사용하여 프로젝트 내의 모든 문자열을 빠르게 찾을 수 있습니다.
• 이슈 네비게이터. 프로젝트를 열고, 분석하고, 빌드 할 때 발견되는 진단, 경고 및 오류와 같은 문제를 봅니다.
• 테스트 탐색기. 단위 테스트를 생성, 관리, 실행 및 검토합니다.
• 디버그 탐색기. 프로그램 실행 중에 지정된 지점 또는 시간에 실행중인 스레드 및 관련 스택 정보를 검사합니다.
• 중단 점 탐색기. 트리거링 조건과 같은 특성을 지정하여 중단 점을 미세 조정합니다.
• 보고서 탐색기. 빌드, 실행, 디버그, 연속 통합 및 소스 제어 작업의 내역을 봅니다.

편집자

Xcode의 대부분의 개발 작업은 편집기 영역에서 발생합니다. 편집기 영역은 작업 영역 창에서 항상 볼 수있는 주요 영역입니다. 가장 자주 사용하는 편집자는 다음과 같습니다.

• 소스 편집기. 소스 코드를 작성하고 편집하십시오.
• 인터페이스 빌더. 그래픽 사용자 인터페이스 파일을 만들고 편집합니다.
• 프로젝트 편집기. 빌드 옵션, 타겟 아키텍처 및 앱 인 타이틀먼트를 지정하는 것과 같이 앱을 빌드하는 방법을보고 편집합니다.

도구 모음의 오른쪽에 편집기 구성 단추를 사용하여 주어진 작업에 대한 편집기 영역을 구성하십시오.

• 표준 편집기. 선택한 파일의 내용으로 편집기 영역을 채 웁니다.
• 어시스턴트 에디터. 표준 편집기 창에서 내용과 논리적으로 관련된 내용이 포함 된 별도의 편집기 창을 제공합니다. 콘텐츠를 변경할 수도 있습니다.
• 버전 편집기. 한 창에서 선택한 파일과 두 번째 창에서 동일한 파일의 다른 버전 간의 차이점을 표시합니다. 이 편집기는 프로젝트가 소스 제어하에있는 경우에만 작동합니다.

유틸리티 영역의 리소스 및 요소

작업 공간 윈도우의 맨 오른쪽에있는 유틸리티 영역을 통해 다음과 같은 리소스에 빠르게 액세스 할 수 있습니다. 관리자 (Inspectors) - 편집기에서 열리는 파일의 특성을보고 수정합니다. 프로젝트에서 사용할 수 있도록 미리 만들어진 리소스의 라이브러리

유틸리티 영역의 상단 패널에는 검사자가 표시됩니다. 하단 창은 라이브러리에 대한 액세스를 제공합니다.

첫 번째 패널 (빨간색으로 강조 표시)은 Inspector 막대 이며 현재의 작업에 가장 적합한 Inspector 를 선택하는 데 사용됩니다. 검사자는 2 개의 검사자가 항상 표시됩니다 (추가 검사자는 일부 편집자에서 사용할 수 있음).

• 파일 관리자. 선택한 파일의 메타 데이터를보고 관리합니다. 일반적으로 스토리 보드 및 기타 미디어 파일을 현지화하고 사용자 인터페이스 파일의 설정을 변경합니다.
• 빠른 도움말. 심볼, 인터페이스 요소 또는 파일의 빌드 설정에 대한 세부 정보를 봅니다. 예를 들어, 빠른 도움말은 메소드에 대한 간결한 설명, 메소드가 어디서 어떻게 선언되었는지, 범위, 매개 변수, 플랫폼 및 아키텍처 가용성 등을 표시합니다.

라이브러리 바 (두 번째는 빨간색으로 강조 표시)를 사용하면 바로 사용할 수있는 프로젝트 라이브러리 리소스에 액세스 할 수 있습니다.

• 파일 템플리트. 일반적인 유형의 파일 및 코드 구문을위한 템플릿.
• 코드 스 니펫. 클래스 선언, 제어 흐름, 블록 선언 및 자주 사용되는 Apple 기술 용 템플릿과 같이 소프트웨어에서 사용하기위한 짧은 소스 코드.
• 사물. 앱의 사용자 인터페이스를위한 항목.
• 미디어. 그래픽, 아이콘, 사운드 파일 등을 포함하는 파일.

라이브러리를 사용하려면 해당 영역으로 직접 드래그하십시오. 예를 들어 코드 스 니펫을 사용하려면 라이브러리에서 소스 편집기로 코드 스 니펫을 드래그합니다. 파일 템플리트에서 소스 파일을 작성하려면 해당 템플리트를 프로젝트 탐색기로 끄십시오.

선택한 라이브러리에 표시된 항목을 제한하려면 필터 막대 (아래쪽 창)의 텍스트 필드에 관련 텍스트를 입력하십시오. 예를 들어, 텍스트 필드에 "button"을 입력하면 객체 라이브러리의 모든 버튼이 표시됩니다.

작업 영역 도구 모음을 사용하여 작업 관리

작업 영역 창의 맨 위에있는 도구 모음을 사용하면 자주 사용하는 명령에 빠르게 액세스 할 수 있습니다. 실행 단추 는 제품을 빌드하고 실행합니다. 중지 버튼 은 실행중인 코드를 종료합니다. 구성표 메뉴를 사용하여 빌드하고 실행할 제품을 구성 할 수 있습니다. 활동 뷰어 는 상태 메시지, 진행 상황 및 프로젝트에 대한 기타 정보를 표시하여 현재 실행중인 작업의 진행 상황을 보여줍니다.

에디터 구성 버튼 (3 개의 버튼 중 첫 번째 그룹)은 편집기 영역을 구성하게하며, 작업 공간 구성 버튼 (두 번째 3 개 버튼)은 선택적인 네비게이터, 디버그 및 유틸리티 영역을 숨기거나 표시합니다.

보기 메뉴 에는 도구 모음을 숨기거나 표시하는 명령이 있습니다.

Swift 3에서 첫 번째 프로그램 만들기

여기서는 Swift 3 언어로 기본 프로그램을 만드는 방법을 소개합니다. 먼저 기본적인 프로그래밍 언어 지식이 필요하거나 처음부터 배울 준비가되지 않아야합니다.

개발 요구 사항 :

1. MAC OS - 새로운 Xcode 8.2 용 버전 10.11.6 이상
2. Xcode - 버전 8.2 Apple Document for Xcode 소개.

Xcode 8.2에는 새로운 iOS 10 호환 APi와 함께 새로운 Swift 3 언어 기능이 있습니다.

첫 번째 프로그램 만들기

먼저 Application으로 가서 Xcode 8.2를여십시오.

그 후에 화면이 보입니다.

그런 다음 Create new Project를 선택하면 다음 화면이 나타납니다.

프로젝트 유형을 선택하기 위해 Xcode에서 매우 중요한 부분이기도합니다. 우리는 OS의 유형에 따라 프로젝트를 선택해야합니다. 상단에는 5 가지 유형의 옵션이 있습니다.

1. iOS

2. 시계 OS

3. 맥 OS

4. 교차 플랫폼

이제 개발을위한 iOS 플랫폼을 선택하고 단일보기 응용 프로그램 옵션을 사용하여 매우 기본적인 프로젝트를 만듭니다.

그런 다음 번들 이름과 응용 프로그램 이름을 나타내는 Product Name을 제공해야합니다.

응용 프로그램 이름은 요구 사항에 따라 나중에 변경할 수 있습니다. 그런 다음 '만들기'를 클릭하면 화면이 아래처럼 보입니다.

이 클래스 안에서 파일 이름은 ViewController.swift이고 클래스 안에는 UIViewController 수퍼 클래스에 의해 상속 된 ViewController도 있고 마지막으로 이름이 'String'유형의 myString 인 첫 번째 변수를 만듭니다. 'super.viewDidLoad ()'아래에 다음을 추가하십시오.

let myString = "Hello, World!"

이 변수의 내용을 인쇄하려고합니다. 먼저 화면의 왼쪽 상단에서 시뮬레이터 유형을 선택한 다음 "실행"버튼을 클릭하십시오.

그 다음 오른쪽 하단에있는 터미널에 출력이 표시됩니다. 축하합니다. Xcode의 첫 번째 Hello World 프로그램입니다.