Fly to the sky & Return

XCODE 기본적인 사용법.......2 본문

프로그래밍/Swift(IOS & Mac)

XCODE 기본적인 사용법.......2

낼은어떻게 2016. 1. 17. 17:20
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


시작하면서 2번째 메뉴인 Create a new Xcode project를 실행해보겠습니다.



화면 원쪽에는 플렛폼을 선택하는 메뉴가 있고  그에 따른 템플릿을 고르는 화면이 오른쪽에 배치되어 있습니다.

일단 IOS application에서 기본이라 할수 있는 single view applicattion 을 선택한 후 next 버튼을 눌러 진행합니다


product name을 설정하는 화면입니다.

프로젝트명, 조직명, 조직식별값등을 넣고 언어(objective-c or Swift)와 디바이스를 선택할수 있는 화면입니다. 



Product를 저장할 폴더를 지정합니다.



프로젝트 빌드화면입니다.

1번(레드박스)은  -> Navigator Area  : 여덟가지 서로 다른 내비게이터들이 탭 형태로 모여 있는 곳

 1.1 프로젝트 내비게이터 : 프로젝트에 어떤 파일들이 포함되어 있는지 알려주는 내비게이터

 1.1.1 키보드 단축기 : Command + 1 

 1.2  심벌 내비게이터 : 작성된 클래스나 구조체, 메소드 등의 심벌을 구조적으로 확인하고 관리할 수 있는 내비게이터

 1.2.1 키보드 단축기 : Command + 2

 1.2.2 항목앞에 붙어 있는 영문자 이미지는 심벌의 종류를 나타냄 (C : 클래스, S: 구조체, M: 메소드, F :함수, 열거형 : E)

 1.3 검색 내비게이터 : 프로젝트 내부 내용을 검색할때 사용

 1.3.1 키보드 단축기 : Command + 3

 1.4 이슈 내비게이터 : 코딩하는 도중 잘못된 문장이나 문법에 맞지 않는 코드등을 작성했을때 나타나는 경고나 오류같은 이슈들만 정리해서 보여주는 내비게이터

 1.4.1 키보드 단축기 : Command + 4

 1.5 테스트 내비게이터 : 프로젝트를 생성할때 자동으로 구성된 테스트용파일의 내용을 보여주는 내비게이터

 1.5.1 키보드 단축기 : Command + 5

 1.6 디버그 내비게이터 : 시뮬레이터가 동작하면서 앱이 실행되면 디버그에 필요한 각종 정보를 보여주는 내비게이터

 1.6.1 키보드 단축기 : Command + 6

 1.6.2 중단점과 함께 사용될 경우 설정된 중단점에서 실행이 멈추고 다음 명령을 기다리는 형태로 표시됨

 1.7 중단점 내비게이터 : 중단점을 설정한 상태에서 중단점 목록을 보고 액션을 관리할수 있는 영역

 1.7.1 키보드 단축기 : Command + 7

 1.8 리포트 내비게이터 : 빌드 결과나 실행결과 등 작업했던 내용의 출력을 확인 할수 있는 내비게이터

2번(블루박스)는 스토리보드와  코드를 작성할수 있는 창입니다.  1번 구서파일중에 스토리보드 나 swift파일을 선택하면 스토리보드를 구성하거나 코드를 작성할수 있습니다.

-> Editor Area

3번(브라운박스) -> Inspector Area : 각종 속성에 대한 값을 정의할수 있는 영역

3.1 파일 인스펙터 탭 : 선택된 파일에 대한 정보와 함께 빌드 대상 IOS 버전 UI 설계에 대한 자동 레이아웃 옵션 등을 조절할수 있음

3.2 아이덴티티 인스펙터 탭 : 스토리 보드에 추가된 객체와 이를 구현한 클래스 사이에 연결을 관리하거나 객체에 ID를 관리하는 등, 객체 고유 정보에 대한 관리를 맡고 있다.

3.3 어트리뷰트 인스펙터 탭 : 선택된  UI 객체별 고유 속성에 대한 설정을 관리

3.4 사이즈 인스텍터 탭 : 선택된 객체 외부에 대한 크기와 위치, 배열방식을 관리하는 탭

3.5 커넥션 인스펙터 탭 : 작업관계에서 나타나는 모든 관계이 연결을 관리

3.5.1 스토리보드에서 뷰컨트롤러 사이의 이동을 처리하는 세그웨이

3.5.2 스토리보드상의 객체를 클래스 소스에서 직접 참조할수 있도록 구성해주느느 @IBOulet 속성연결

3.5.3 버튼이나 테이블 셀, 제스처 뷰 등에서 발생하는 이벤트를 해당 클래스의 이벤트의 핸들러로 전달해주는 @IBAction 연결 

4번(엘로우바스) -> Llibary Area

4,1 파일 템플릿 라이브러리 : Xcode에서 사용할만한 대부분의 소스 종류를 모아놓은 곳

4.1.1 새로운 파일 추가하기

4.1.1.1 파일 템플릿 라이브러리에ㅐ서 추가할 파일 종류를 선택한다.,

4.1.1.2 프로젝트 내비게이터의 원하는 위치로 끌어다 놓는다.

4.1.1.3 파일 이름을 입력하는 창이 나타나면 추가한 파일의 이름을 입력한다,.

4.2 코드 스니펫 라이브러리 : 코드 자동 완성

4.2.1 추가될 코드를 미리 볼수 있는 코드 미리보기 기능 제공

4.3 오브젝트 라이브러리 : UI를 설계할때 사용되는 요소들을 모아 놓은 영역

5. 화면상단에  Tool Bar Area가 있고 화면에는 없지만 하단 Debug Area가 위치한다.


최종적으로 다음과 같은 화면이 나타나면....코딩할 준비가 성공적으로 끝났다고 할수있습니다.