Xcode 개발 도구의 구성요소와 영역들

 

Xcode의 구성 요소와 영역들을 알아봅시다!

Xcode 각 부분과 명칭

프로젝트를 실행하거나 생성된 프로젝트를 실행하면 Xcode는

여러 개의 작은 영역으로 분할된 커다란 윈도우 형태로 나타납니다.

'워크 스페이스(Work Space)'라고 불리는 이 윈도우는

개발에 관련된 모든 것을 처리하기 위해 만들어진 Xcode의 가장 기본적인 작업 공간입니다.

​

워크스페이스는 기능에 따라 여러 개의 작은 영역으로 다시 분할되는데,

각각의 영역은 저마다 고유한 기능을 갖추고 개발 과정에서 중요한 역할을 담당합니다.

이들 영역의 명칭은 다음과 같습니다.

​

툴바 영역 (ToolBar Area)

네비게이터 영역 (Navigator Area)

에디터 영역 (Editor Area)

디버그 영역 (Debug Area)

인스펙터 영역 (Inspector Area)

---

가장 먼저 툴바영역부터 살펴 봅시다!

​

툴바 영역 (ToolBar Area)

툴바 영역은 워크스페이스의 가장 위쪽에 위치한 영역으로, 작업을 도와주는 도구가 모여있는 곳입니다.

앱의 빌드 및 실행이나 시뮬레이터의 설정이 여기에서 관리됩니다.

전체적인 프로젝트의 상태와 결과를 나타내기도 하며,

각종 보조적인 창을 여닫는 기능을 담당하기도 합니다.

​

구현 된 내용을 실행 하고 정지하기 위한 부분 입니다.

​

앱의 이름과 앱을 실행할 시뮬레이터 또는 기기에 대한 표시입니다.

표시 부분을 선택하면 실행할 기기 또는 시뮬레이터를 선택할 수 있습니다.

​

다음은 네비게이터 영역에 대해 알아봅시다.

---

네비게이터 영역 (Navigator Area)

​

네비게이터 영역은 워크스페이스 왼쪽에 위치한 영역입니다.

이 영역은 우리 말로 '탐색기 영역' 정도로 해석할 수 있는데

뭔가 탐색이 필요한 항목들을 쉽게 찾을 수 있도록 도와주는 역할을 담당합니다.

네비게이터 영역은 효율적인 탐색을 위해 탐색할 대상의 성격에 따른 아홉 가지 세부 탐색기로 나누어집니다.

​

프로젝트 네비게이터

프로젝트 네비게이터는 프로젝트의 파일을 탐색할 때 사용하는 네비게이터 입니다.

네비게이터 영역 상단의 탭 중에서 첫 번째 아이콘을 선택하거나

키보드 단축키 <Command> + <1>을 눌러서 선택할 수 있습니다.

소스 컨트롤 네비게이터

소스 컨트롤 네비게이터는 소스 파일의 버전 관리를 위해 제공되는 네비게이터로,

Xcode 9부터 새롭게 추가되었습니다.

네비게이터 상단 영역의 두 번째 탭에서 찾을 수 있으며,

키보드 단축키 <Command> + <2>를 눌러도 됩니다.

​

깃허브 시스템과 연동하는 형태로 기능을 제공하는데

이를 이용하면 자신이 만든 소스를 깃허브 사이트에 올릴 수 있을 뿐만 아니라

깃허브에서 내려받은 오픈소스가 최신 버전으로 갱신될 경우

자동으로 알림을 받고 이를 업데이터 할 수도 있습니다.

심벌 네비게이터

심벌 네비게이터는 프로젝트에서 작성된 클래스나

구조체, 메소드 등의 심벌을 구조적으로 관리할 수 있는 네비게이터입니다.

네비게이터 영역의 탭 중에서 세 번째 아이콘을 선택하거나

키보드 단축키 <Command> + <3>을 눌러서 선택할 수 있습니다.

검색 네비게이터

검색 네비게이터는 프로젝트 내부의 내용을 검색할 때 사용하는 기능으로,

빠른 검색과 깔끔한 정리를 자랑합니다.

네비게이터 영역의 탭 아이콘 중에서 네 번째 아이콘을 선택하거나

키보드 단축키 <Command> + <4>를 눌러서 선택할 수 있습니다.

이슈 네비게이터

Xcode는 코딩 도중에 잘못된 문장을 입력하거나 틀린 문법을 사용하면

문제가 있음을 알려주는 경고나 오류 표시가 즉각적으로 나타납니다.

이 표시를 클릭하여 활성화하면 표시된 내용에 대한 상세 정보를 볼 수 있는데

이슈 네비게이터는 이런 경고나 오류 등의 이슈만 정리해서 보여주는 네비게이터 입니다.

​

이슈 네비게이터를 사용하면 현재 코드의 어느 부분이 문제이고

어느 부분을 고쳐야 하는지 한눈에 파악할 수 있습니다.

네비게이터 영역의 탭 중에서 다섯 번째 아이콘을 선택하거나

키보드 단축키 <Command> + <5>를 누르면 선택됩니다.

테스트 네비게이터

테스트 네비게이터는 MyFirstApp 프로젝트를 생성할 때

자동으로 구성된 테스트용 파일인 MyFirstAppTests.swift의 내용을 보여주는 영역입니다.

​

테스트를 위한 목적으로 만들어진 이 파일에서 테스트 항목은 일반적인 클래스의 메소드로 작성되어 있지만,

다른 클래스의 메소드와 구분되는 이 클래스의 특징이 있는데 바로 XCTestCase라는 클래스를 상속받았다는 점입니다.

이 클래스는 테스트를 목적으로 하는 클래스죠.

​

이 클래스를 상속받는 클래스의 테스트 항목이 표시되는 영역이 테스트 네비게이터 입니다.

테스트 네비게이터는 네비게이터 영역의 탭 아이콘 중

여섯 번째 아이콘을 선택하거나 키보드 단축키 <Command> + <6>을 눌러서 선택할 수 잇습니다.

디버그 네비게이터

디버그 네비게이터 영역은 평소에는 아무것도 표시되지 않다가 시뮬레이터가 동작하면서

앱이 실행되면 디버그에 필요한 각종 정보를 보여주는 영역입니다.

​

특히, 브레이크 포인트와 함께 사용할 경우 지정된 브레이크 포인트에서

실행을 일시적으로 멈추고 다음 명령을 기다리는 형태로 표시됩니다.

​

디버그 네비게이터는 네비게이터 영역의 탭 아이콘 중 일곱 번째 아이콘을 선택하거나

키보드 단축키 <Command> + <7>을 눌러서 선택할 수 있지만

앱이 실행되는 동안에만 정보가 표시됩니다.

브레이크 포인트 네비게이터

소스 코드를 디버깅하기 위해서는 실행 중간에서 코드의 진행을 멈추고

메모리나 변수값 등의 내용물을 확인해야 할 경우가 있습니다.

​

이때 코드의 진행을 멈출 수 있는 특정한 표시를 코드 내 원하는 위치에 삽입할 수 있는데,

이를 브레이크 포인트라고 합니다.

브레이크 포인트를 설정한 상태에서 브레이크 포인트가 걸려잇는 목록을 확인하고

다음 액션을 관리할 수 있는 영역이 바로 브레이크 포인트 네비게이터 영역입니다.

네비게이터 영역의 탭 아이콘 중 여덟번째 아이콘을 선택하거나

키보드 단축키 <Command> + <8>을 함께 누르면 됩니다.

리포트 네비게이터

여덟 개의 네비게이터 탭 중 마지막 항목인 리포트 네비게이터는

빌드 결과나 실행 결과 등 작업의 결과를 확인할 수 있는 네비게이터입니다.

앱에서 출력하는 로그나 오류 메시지와는 다르게, 작업이 처리된 내역을 확인하는 용도로 사용됩니다.

네비게이터 영역 하단의 필터 바와 함께 사용하면 원하는 내용만 필터링 할 수 있으므로

예전의 처리 결과와 비교할 때 편리합니다.

실행 요령은 네비게이터 영역의 탭 아이콘 중 마지막 아이콘을 클릭하거나 단축키 <Command> + <9>를 누르면 됩니다.

---

에디터 영역 (Editor Area)

에디터 영역은 코드 작성이나 화면 설계 등 앱을 만들 때 필요한 대부분의 핵심 작업이 이루어지는 영역으로서

워크스페이스 가운데에 위치하고 있으며, 대부분의 영역을 차지합니다.

​

워크스페이스 왼쪽에 있는 네비게이터 영역에서 파일이나 심벌을 선택하면

선택된 소스 파일이 데이터 영역에서 열릴 뿐만 아니라 만약 수정할 수 있는 파일이라면 이 영역에서 파일을 수정할 수도 있습니다.

단, 네비게이터 영역에서 파일을 클릭하면 해당 파일이 워크스페이스 내부에서 열리지만

더블클릭하면 별도의 편집 창을 통해 열리는 특성이 있으므로 주의해야합니다.

​

위의 그림은 네비게이션 영역과 함께 표시된 에디터 영역을 보여줍니다.

에디터 영역에서 사용되는 에디터는 크게 두 종류입니다.

​

소스 코드를 수정할 수 있는 텍스트 에디터와 스토리보드 파일의 UI를 수정할 수 있는 인터페이스 빌더가 있습니다.

텍스트 에디터 왼쪽에는 줄번호가 있는데, 여기를 마우스로 클릭하면 해당 라인에 브레이크 포인트가 설정됩니다.

​

앱을 실행 했을 때 해당 위치에서 실행을 잠시 멈추게 하는 역할이죠.

에디터 영역 위에는 현재의 워크스페이스 내에 있는 모든 레벨의 항목에 다양하게 접근할 수 있는 점프바가 있습니다.

​

클래스 파일 등의 텍스트 기반 파일을 편집할 때와는 달리 스토리보드 파일이나 nib, xib 파일을 편집할 때에는 인터페이스 빌더가 실행됩니다. 인터페이스 빌더는 화면 UI를 설계할 때 사용되는 에디터로, 그래픽 기반의 툴입니다.

​

인터페이스 빌더를 사용하면 우리가 실제 앱을 보듯이 그대로 화면을 그려낼 수 있으므로 무척 편리합니다.

---

디버그 영역

디버그 영역은 Xcode 워크스페이스 중앙 아래에 있는 영역입니다.

평소에는 특별한 정보가 나타나지 않지만,

프로젝트를 실행하거나 브레이크 포인트를 이용하여 코드를 디버깅 할 때 내용이 출력됩니다.

​

디버그 영역은 좌우 양쪽으로 분할되어 있는데, 좌측은 변수 정보 영역이며 우측은 콘솔 영역입니다.

변수 정보 영역은 해당 시점에서 사용된 모든 변수들이 갖는 메모리상의 값을 출력해주는 영역으로, 주로 브레이크 포인트와 함께 사용됩니다.

​

우측의 콘솔 영역은 소스 코드상에서 출력하는 모든 메시지가 나타나는 곳입니다.

앱을 만드는 과정에서 우리는 print() 구문 또는 NSLog() 구문을 사용하여 여러 가지 메시지를 출력해볼 텐데요.

이 메세지들이 바로 이 영역에서 출력되는 겁니다.