[Xcode] Xcode 프로젝트 초간단 살펴보기

안녕하세요.

 

지난 포스팅에서는 Xcode를 실행하고 프로젝트를 생성해보았습니다.

2021.08.11 - [개발,IT,코딩] - [Swift / Xcode] Xcode에서 IOS 프로젝트 시작하기

[Swift / Xcode] Xcode에서 IOS 프로젝트 시작하기

 

오늘 포스팅에서는 생성한 프로젝트를 초간단으로 살펴보겠습니다.

 

저도 함께 학습하는 과정이라 정확하지 않을 수 있습니다.

참고만 해주시고 틀린 부분이 있다면 댓글 달아주시면 바로 정정하도록 하겠습니다.

 

그럼 시작하겠습니다.

---

 

개발 환경

MacBook Pro (Retina, 15-inch, Mid 2015)

macOS Big Sur(11.5)

프로세서 : 2.5 GHz 쿼드 코어 Intel Core i7

메모리 : 16GB 1600 MHz DDR3

그래픽 : Intel Iris Pro 1536 MB

 

Xcode

Xcode 12.5.1

참고 자료

해당 포스팅은 yagom님의 유튜브 영상을 참고하며 작성하였습니다.

https://www.youtube.com/c/yagom/featured

yagom

---

프로젝트 화면

프로젝트를 열었을 떄 처음 나오는 화면입니다.

저도 처음 보는 화면에 당황을 했는데요.

심플해 보이면서 복잡해 보입니다.

 

왼쪽부터 오른쪽으로 차근차근 알아보겠습니다.

 

내비게이터 영역(왼쪽 영역)

1	왼쪽 탭을 열고 접는다
2	프로젝트 빌드 & Run 버튼

 

네비게이터 영역

3	프로젝트(Project) 네비게이터	4	소스 컨트롤(Source Control) 네비게이터
5	심볼(Symbol) 네비게이터	6	검색(Find) 네비게이터
7	이슈(Issu) 네비게이터	8	테스트(Test) 네비게이터
9	디버그(Debug) 네비게이터	10	Break Point 네비게이터
11	리포트(Report) 네비게이터

 

왼쪽 영역은 위 표처럼 나누어집니다.

 

1번

클릭하면 왼쪽 탭을 열고 접을 수 있습니다.

왼쪽 영역을 접으면 아래 사진처럼 프로젝트 모양이 바뀝니다.

 

처음 본 입장에서는 그렇게 많이 사용하진 않을 거 같네요.

소스를 이동하며 코드를 짜야할 텐데

소스 파일이 숨겨지니 수시로 열고 닫아야 할 듯합니다.

그럴 바엔 차라리 계속 열고 있을 거 같아요.

 

2번

빌드 & 런 버튼입니다.

참고로 빌드 단축키는 Command + B

Run 단축키는 Command + R입니다.

Build의 B, Run의 R으로 외우면 쉬울 거 같네요.

 

빌드&런 버튼을 길게 누르면 더 세부적인 동작을 할 수 있습니다.

하나하나가 무엇인지는 아직까진 모르겠지만 동작별로 빌드를 다르게 할 수 있다는 것은 알 수 있습니다.

 

3번 프로젝트 내비게이터

내비게이터 중에서는 프로젝트 내비게이터만 살펴보겠습니다.

4번부터 11번까지의 내비게이터는 초반에는 사용을 잘한다고 합니다.

프로젝트 내비게이터에는 프로젝트와 폴더, 소스 파일들의 리스트를 볼 수 있습니다.

Xcode는 한 번의 클릭만으로 파일들을 열 수 있는데요.

보통 파일을 열 때처럼 더블 클릭을 하면 탭이 하나 더 생기니 

한 번만 클릭하는 습관을 들이면 좋다고 하네요.

 

가운데 영역

가운데 영역에서는 파일을 열면 해당 파일의 내용이 나옵니다.

이번 포스팅에서는 가장 상위인 프로젝트 파일을 열어보겠습니다.

 

프로젝트 파일을 클릭하면 프로젝트의 정보를 볼 수 있습니다.

프로젝트를 생성할 때 입력했던 프로젝트 이름과 버전, Build 버전 등이 상단에 나와있네요.

 

iOS 앱을 어떻게 구동할지도 설정할 수 있습니다.

예를 들어, 가운데 Deployment Info의 Device orientation에서는

앱을 가로, 세로 방향을 모두 지원할지, 가로만 지원할지, 세로만 지원할지 등을

체크 박스를 통해 선택할 수 있습니다.

 

현재는 Portrait, Landscape Left, Landscape Right가 체크가 되어 있는데요.

Portrait를 체크 해제하면 이 앱은 가로모드만 지원하게 됩니다.

 

Inspector 영역(오른쪽 영역)

inspector 영역은 속성 영역으로 생각하면 좋습니다.

가운데 영역에 열린 파일의 종류에 따라 활성 버튼 종류 등이 달라진다고 합니다.

 

스토리보드에서 배치한 UI를 이벤트와 연결하는 등의 작업도 여기서 한다고 하네요.

실제 사용은 점차 예제를 따라가면서 하게 될 거 같습니다.

 

이번 포스팅에서는 초간단으로 프로젝트 화면을 살펴보았습니다.

아직까진 정확히 무슨 역할인지 모르겠지만

예제를 따라갈수록 어떤 역할인지, 언제 쓰는 것인지 잘 알 수 있을 겁니다.

 

감사합니다!

---

아직은 초보 개발자입니다.

더 효율적인 코드 훈수 환영합니다!

공감과 댓글 부탁드립니다.