# 2.5.3 에디터 영역

<figure><img src="https://3334897291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGovKcqWIBj7Rn9w1Dt23%2Fuploads%2F8jnNCBjp6zBIjnclJSMk%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-06-02%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2011.46.10.png?alt=media&#x26;token=dfe6f54c-12c1-4c24-bc04-8699a29e11bf" alt=""><figcaption></figcaption></figure>

&#x20;에디터 영역은 코드 작성이나 화면 설계 등 앱을 만들 때 필요한 대부분의 핵심 작업이 이루어지는 영역으로서 워크스페이스 가운데에 위치하고 있으며, 대부분의 영역을 차지합니다. 워크스페이스 왼쪽에 있는 네비게이터 영역에서 파일이나 심벌을 선택하면 선택된 소스 파일이 데이터 영역에서 열릴 뿐만 아니라 만약 수정할 수 있는 파일이라면 이 영역에서 파일을 수정할 수도 있습니다. 단, 네비게이터 영역에서 파일을 클릭하면 해당 파일이 워크스페이스 내부에서 열리지만 더블클릭하면 별도의 편집 창을 통해 열리는 특성이 있으므로 주의해야합니다. 위의 그림은 네비게이션 영역과 함께 표시된 에디터 영역을 보여줍니다.&#x20;

&#x20;에디터 영역에서 사용되는 에디터는 크게 두 종류입니다. 소스 코드를 수정할 수 있는 텍스트 에디터와 스토리보드 파일의 UI를 수정할 수 있는 인터페이스 빌더가 있습니다.&#x20;

&#x20;텍스트 에디터 왼쪽에는 줄번호가 있는데, 여기를 마우스로 클릭하면 해당 라인에 브레이크 포인트가 설정됩니다. 앱을 실행 했을 때 해당 위치에서 실행을 잠시 멈추게 하는 역할이죠. 에디터 영역 위에는 현재의 워크스페이스 내에 있는 모든 레벨의 항목에 다양하게 접근할 수 있는 점프바가 있습니다.

&#x20;클래스 파일 등의 텍스트 기반 파일을 편집할 때와는 달리 스토리보드 파일이나 nib, xib 파일을 편집할 때에는 인터페이스 빌더가 실행됩니다. 인터페이스 빌더는 화면 UI를 설계할 때 사용되는 에디터로, 그래픽 기반의 툴입니다. 인터페이스 빌더를 사용하면 우리가 실제 앱을 보듯이 그대로 화면을 그려낼 수 있으므로 무척 편리합니다.&#x20;

<figure><img src="https://3334897291-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGovKcqWIBj7Rn9w1Dt23%2Fuploads%2FxZcizpF49ZDTH44FIj1y%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-06-02%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2011.48.31.png?alt=media&#x26;token=dd3d62b2-255a-4f39-b042-e7adeeba8390" alt=""><figcaption></figcaption></figure>
