[iOS] 엑스코드 (Xcode) 사용법 알아보기 및 플레이그라운드(Playground) 실행방법 / 단축키
엑스코드 기본 사용법에 대해 알아봅니다. 신규프로젝트 생성방법 아래글을 참고하세요.
애플 앱 개발을 위한 좌충우돌 Xcode 설치 (macOS Monterey beta로 업그레이드도 함께!!! )
iOS 어플 개발을 위해서는 개발툴을 설치해야 하는데, 스위프트(Swift) 언어로 앱을 개발하기 위해 사용할 툴인 Xcode를 설치를 위해 애플 앱스토어를 실행 후 “xcode”로 검색합니다. 망치모양의 아이
playground.naragara.com
그럼 Xcode의 구성 요소를 살펴볼까요? 엑스코드를 실행 후 신규프로젝트를 생성하면 아래와 같은 뷰와 만나게 됩니다.
1. 네비게이터 영역(Navigators Area) : 탐색기 영역으로 필요한 정보를 쉽게 찾을 수 있도록 도와주는 역할
2. 툴바 영역(Toolbar Area) : 개발에 유용한 아이콘을 모아둔 영역
3. 에디터 영역(Editor Area) : 코드를 작성하거나 화면 설계등의 작업을 하는 영역
4. 디버그 영역(Debug Area) : 앱을 실행허가나 시뮬레이터가 동작하면 각종 정보를 보여주는 영역
5. 인스펙터 및 라이브러리 영역(Inspector Area and Library Area) : 다양한 객체들의 속성 및 라이브러리 관리하는 영역
네비게이터 영역에서 FirstProject를 클릭하면 프로젝트 구성정보를 확인할 수 있습니다. iOS 지원하는 OS버전 변경, Version 및 Build 번호를 변경, 디바이스 방향(가로, 세로) , 상태바 스타일 정보 등을 변경할 수 있습니다.
툴바영역의 재생버튼을 클릭하면 앱을 실행할 수 있고 그 옆에 사각형 아이콘을 클릭하면 앱 실행을 중지할 수 있습니다.
Xcode 플레이그라운드(Playground) 실행방법
Playground는 스위프트 언어 전용 코드 작성 툴입니다. 코드 작성 및 변수 처리 결과의 스택 확인이 가능하며, 컴파일이나 빌드과정 없이 즉시 스택정보와 결과 데이터를 확인 가능합니다.
1. 상단 메뉴에서 File > New > Playground... 순으로 클릭 (단축키 : Option(alt) + Shift + Command(Apple) + N)
2. 원하는 템플릿을 선택 후 Next 클릭
3. Save as , Tags, Where, Add to, Group 등 설정 후 Crate 클릭
기본값 그대로 사용하셔도 무방합니다.
플레이그라운드를 실행하면 왼쪽은 네비게이터 영역, 중앙은 에디터영역(코딩영역)이며, 오른쪽은 스택영역입니다.
Xcode 단축키 알아보기
| 단축키 | 설명 |
| Ctrl + Cmd + F | 프로젝트 파인드 (Project Find) 창 호출 |
| Cmd+` (틸트) | 더블클릭으로 분활된 창의 전환(Mac 기본 단축키) |
| Alt+Shift+’->’ key or ‘<-’ key | 에디터한 위치를 앞/뒤로 이동 |
| Alt+Shift+’Up key’ | Hedaer/Source 파일 이동 |
| Cmd+Double Click | Definition으로 이동 |
| Alt+Double Click | 해당 Document로 이동 |
| Shitf+Cmd+D | File Open Quickly 띄우기 |
| Shift+Cmd+C | Class Browser 띄우기 |
| F5 | 자동 완성 목록 띄우기. Typing 중 누르면 현재 typing한 것으로 시작하는 목록 호출 |
| Ctrl+Cmd+F | Project Find 띄우기 |
| Shift + / | 자동 완성 중 이전 항목으로 이동 |
| Ctrl+/ | 자동 완성 중 다음 항목으로 이동 |
| Ctrl + Del | 현재 커서 앞 모두 지우기 |
| Cmd + ‘->’ key or ‘<-’ key | 줄의 맨 앞/뒤로 이동 |
| Alt + ‘->’ key or ‘<-’ key | 단어 단위로 앞/뒤 이동 |
| Alt + I | intend 맞추기 |
| Fn + Up / Down key | 페이지 이동 |
| Cmd + Up/Down key | 페이지의 맨 위/아래로 이동 |
| Cmd+Shift+E | 에디터를 확장한다. |
| Cmd+[ | 코드 블록을 왼쪽으로 쉬프트한다. |
| Cmd+] | 코드 블록을 오른쪽으로 쉬프트한다. |
| Tab (Return 또는 →) | 코드를 완성한다. |
| Esc | 자동 완성 코드 목록을 보여준다. (변수, 메서드, 클래스 등) |
| Opt+Page up (Page down) | 커서와 함께 페이지 이동. (Page up/down은 커서가 같이 이동하지 않음) |
| Ctrl+. (dot) | 코드 완성에서 알맞은 다음 코드를 보여준다. |
| Cmd+Opt+D | 창을 열어 보여준다. |
| Cmd+Opt+↑ | 연결된 파일을 연다. (.h / .m 이동) |
| Cmd+Opt+← (또는 →) | 이전(이후) 수정 위치/파일로 이동 |
| Cmd+Opt+D | 창을 열어 보여준다. |
| Cmd+Opt+↑ | 연결된 파일을 연다. (.h / .m 이동) |
| Cmd+Opt+← (또는 →) | 이전(이후) 수정 위치/파일로 이동 |
| Ctrl+A (Cmd+←) | 커서를 라인의 시작으로 이동 |
| Ctrl+E (Cmd+→) | 커서를 라인의 끝으로 이동 |
| Ctrl + ? | documentation help 로 이동 |
| Ctrl + Opt +? | research assistant window 이동 |
| Cmd + / | Comment text |
| Ctrl+K | 라인 삭제 |
| Cmd+D | 북마크를 추가 |
| Opt+더블클릭 | 문서를 찾기(요약으로 보여주며 책모양 클릭하면 문서로 이동, h는 헤더로) |
| Cmd+Del (Cmd+Backspace) | 커서가 있는 라인에서 커서 뒷(앞)부분을 모두 삭제 |
| Ctrl+Del (Ctrl+Backspace) | 커서가 있는 위치에서 가까운 뒷(앞)블락을 지운다.(보통 단어 단위) |
| Ctrl+/ | 코드 완성에서 다음 입력 영역으로 이동 |
| Cmd+/ | 선택 영역을 주석 처리/해제 |
| Cmd + r | 디버깅 |
| Ctrl+5 | 목록 보기 |
| Ctrl+ | Break Point를 추가/삭제 |
| Ctrl + Cmd + | Break Point를 실행 시에 enable/disable |
| Cmd+R | 빌드 후 바로 실행 |
| Cmd+Opt+R | 이전 빌드 된 결과 실행 |
| Cmd+Y | 디버거로 프로그램을 실행 |
| Shift+Cmd+P | (디버거에서) 계속 |
| Shift+Cmd+O | 다음 스텝으로 |
| Shift+Cmd+I | 스텝 안으로 |
| Shift+Cmd+T | 스텝 밖으로 |
| ctr + d | EOF |
| 드래그 후, Cmd + { | 왼쪽으로 들여쓰기 |
| 드래그 후, Cmd + } | 오른쪽으로 들여쓰기 |
SYMBOL KEY:
⌘ Command
⌥ Option
⇧ Shift
⌃ Control
⏎ Return
⇥ Tab
⇠ Left Arrow
⇢ RightArrow
⎋ Escape
Workspace Organization
⌘0 Hide/Show Navigator Area.
⌘⇧Y Hide/Show Debugging Area.
⌘ + ⌥ + 0 Hide/Show Utility Area.
⌘ + ⌥ + ⏎ Split screen/open Assistant Editor in the Editor Area.
⌘ + ⏎ Return to single screen/hide Assistant Editor in Editor Area.
⌘ + T Opens a new tab above the navigator, editor & utility areas.
⌘ + W Close the current tab
Navigation And Information
⇧ + ⌘ + O “Open Quickly” : 정확한 이름을 쓰지 않고도 파일 이름을 검색할 수 있습니다. 이름이나 그 일부에 몇 글자만 쓰면 검색과 일치할 수 있는 드롭다운 메뉴와 함께 목록이 빠르게 나타납니다.
⇧ + ⌘ + F Search for lines of text in your files.
⌘ + (1–7) Navigate through the 7 menu options in the Navigator.
⌘ + ⌥ + (1–6) Navigate the menu options in the Utility Area.
⌃ + ⌘ + ⇡ OR ⇣ Switch between .m and .h files.
⌃ + ⌘ + ⇠ OR ⇢ Go forward / Go back in file list.
⌘ + “Class/Type or Variable Name” Go to its definition ordocumentation.
⇧ + ⌘ + [ OR ] Go forward / Go back in tabs.
⌘ + L Go to Line number.
Code Formatting & Beautification
⇥ OR ⌃ + / Confirms the auto-completion suggestion.
⇧ + ⇥ OR ⇧ + ⌃ + / Selects the previous auto-completion argument.
⎋(escape) Shows the auto completion pop-up list.
Double Click on a [ or ( to auto-complete the matching ] or ).
⌃ + ⇠ OR ⇢ Lets you navigate inside of a word of text. For example, you can navigate inside a variable from one “camel hump” to another.
⌘ + / Comment or Uncomment out a line or selected lines of code.
⌃ + I Fix the indentation for the selected lines of code.
⌘ + [ AND ⌘ + ] Indents and un-indents selected text when making code more readable.
⌥ + ⌘ + ⇠ Hides class or method body.
⌥ + ⌘ + ⇢ Reveals/expands a class or method body that is hidden.
Building
⌘ + B Build.
⌘ + R Run & Build if necessary.
⌘ + . Stop the current build/run/testing.
⌘ + U Run tests & Build if necessary.
⇧ + ⌘ + ⌥ + G Re-run the last run tests.
⌘ + K Clean (Basic).
⇧ + ⌘ + K Clean(All files and build folder).
*Build folder clean removes all the product files, as well as any object files (.o files) or other intermediate files created during the build process. Doing this can sometimes help if you experience buggy behavior at run-time.
Debugging
⌘ + OR / Add and Remove breakpoints.
*Note: Breakpoints can be removed quickly by dragging them anywhere outside of the “gutter.” (They actually evaporate in a puff of smoke with sound effects!)
F6 Step over the current line of code, after a break point has been reached.
F7 Step into the scope of a current method or loop.
⌘ + Y Disable/Enable all breakpoints.
⌃ + ⌘ + Y Pause/Play the debugger.
⌘ + ‘ Go to the next issue.
⌘ + “ Go to the previous issue.
디버깅 팁:중단점에서 중지되면 'print' 또는 'po' 명령과 개체 이름을 사용하여 중단점이 프로그램을 중지한 순간에 해당 개체의 값을 인쇄합니다. 'p'를 사용하면 값과 유형도 인쇄되지만 기본 유형에만 유용합니다.
엑스코드 키보드 단축키(Xcode Keyboard Shortcuts)
XCODE 유용한 단축키 모음
⌘ + N : 새파일
⌘ + ⌥ + N : 새폴더
⌃ + A : 줄의 맨 앞으로 이동
⌃ + B : Left. 캐럿을 좌측으로 한칸이동
⌃ + D : DELETE. 뒤의 한문자 삭제
⌃ + F : Right. 캐럿을 우측으로 한칸이동
⌃ + H : Back. 앞의 한문자 삭제
⌃ + I : Re-Indent 자동으로 들여쓰기를 조절
⌃ + K : 현재줄 캐럿이후의 문자를 전부 삭제. 문자가 없을 경우 개행문자 삭제
⌃ + N : Down. 아래로
⌃ + P : Up. 위로
⌃ + T : 커서 앞뒤로 글자 교환
⌃ + V : 전체의 마지막 위치 한 칸 전으로 이동. 이미 그 위치라면 맨 마지막으로 이동
⌃ + . : Code Completion 창 열기 // ESC : ⌃ + . 과 동일
⌃ + A + K + K : 한줄 삭제의 기능
⌘ + B : 프로젝트 빌드
⌘ + E : 현재 선택된 텍스트 블럭을 모든 텍스트에디트에 복사
⌘ + F : 현재 창 검색
⌘ + G : 현재 페이지에 텍스트에디트에 적힌 문구 순차 검색
⌘ + J : Assistant 선택 창
⌘ + K : 콘솔창 지우기
⌘ + R : 프로젝트 실행
⌘ + I : 프로젝트 프로파일링 빌드
⌘ + Y : 브레이크 포인트 비활성화 / 활성화
⌘ + [ : 내어쓰기. 줄 맨 앞의 공백을 4개 줄임
⌘ + ] : 들여쓰기. 줄 맨 앞에 공백을 4개 추가
⌘ + ' : 이슈사항 순서대로 보이기
⌘ + . : 실행중인 앱 강제 종료
⌘ + , : XCode 프로퍼티창 열기
⌘ + : 브레이크 포인트 걸기
⌘ + / : 해당라인 주석 걸기 ( 다중 라인도 가능 )
⌘ + ⌥ + [ : 커서가 위치한 라인을 통채로 위로 이동
⌘ + ⌥ + ] : 커서가 위치한 라인을 통채로 아래로 이동
⌘ + ⌥ + Left : 코드 접기
⌘ + ⌥ + Right : 코드 열기
⌘ + Enter : 현재창을 단일창으로 변경
⌘ + 숫자 : Navigators 창 변경
⌘ + ⌥ + 숫자 : Utilities 창 변경
⌘ + ⌥ + ⌃ + 숫자 : Library 창 변경
⌘ + ⌥ + Enter : Assistant Editor 보이기
⌘ + ⌥ + Shift + Enter : Version Editor 보이기
⌘ + 0 : Navigator 보이기/감추기
⌘ + 1 : 프로젝트 파인더 열기
⌘ + 2 : 프로젝트 하이라키 창 열기
⌘ + 3 : 프로젝트 검색 창 열기
⌘ + 4 : 프로젝트 워닝 및 에러 창 열기
⌘ + 5 : 테스트 타겟창 열기
⌘ + 6 : 디버그 세션 창 열기
⌘ + 7 : 프로젝트에 걸려있는 모든 브레이크 포인트를 보여주는 창 열기
⌘ + 8 : 빌드 관련 히스토리
⌘ + Shift + C : 커밋창 열기
⌘ + Shift + F : 파인드 창으로 캐럿 강제 이동
⌘ + Shift + G : 현재 페이지에 텍스트에디트에 적힌 문구 역순차 검색
⌘ + Shift + K : 프로젝트 클린
⌘ + Shift + O : 프로젝트 내 파일 / 클래스 / 함수 검색
⌘ + Shift + X : 소스 업데이트 하기
⌘ + Shift + Y : Debug Area 보이기/감추기
⌘ + ⌥ + 0 : Utilities 보이기/감추기
⌘ + Alt + Enter : 현재창 이중 분할
⌘ + ⌃ + Up/Down/Left/Right : 헤더/소스 변경해서 보이기. Assistant 상에선 양쪽 다 적용
⌘ + ⌃ + J : 현재 캐럿이 위치한 곳에 있는 것이 정의된 곳으로 이동
⌘ + Left : 줄의 맨 앞으로 이동
⌘ + Right : 줄의 맨 뒤로 이동
⌥ + 파일명 클릭 : 새탭으로 열기
⌥ + Left : 단어 단위로 앞으로 이동. Windows 의 ⌃ + Left 와 유사
⌥ + Right : 단어 단위로 뒤로 이동. Windows 의 ⌃ + Right 와 유사
⌥ + Drag : 사각영역 선택
ios Xcode 시뮬레이터 키보드 안보일때 해결 방법
Simulator > I/O > Keyboard > Connect Hardwear Keyboard
⌘ + SHIFT + K
[REFERENCE]
https://blog.naver.com/travis97/222332125027
https://medium.com/ios-os-x-development/xcode-keyboard-short-cuts-35ce0f70f872
https://blog.naver.com/sexy_sh84/222263505779
