코딩 실습: Xcode 26의 코딩 인텔리전스 체험하기

안녕하세요, 여러분. 제 이름은 제롬이고, Apple에서 제품 매니저로 일하고 있습니다. 오늘은 재미있는 활동을 하나 해보겠습니다. Xcode와 그 코딩 지능형 도구를 활용해 아이디어를 완벽하게 작동하는 앱으로 만들어 보겠습니다. 잘 모르시는 분들을 위해 설명드리자면, Xcode는 개발자들이 모든 애플 플랫폼용 앱을 제작하는 데 사용하는 도구입니다. Xcode에는 누구나 자신의 아이디어를 현실로 구현할 수 있도록 도와주는 강력한 기능들이 포함되어 있습니다. 예를 들어, 변경 사항을 실시간으로 확인할 수 있는 ‘미리보기’ 기능이나, 다양한 애플 기기와 OS 버전을 시뮬레이션할 수 있는 시뮬레이터도 있습니다. 실제 기기를 사용할 수 없을 때는, 버그를 격리하고, 충돌 원인을 찾으며, 병목 현상을 파악하는 고급 디버깅 도구와 ‘Instruments’ 같은 도구를 통해 원활하고 반응성이 뛰어난 사용자 경험을 제공할 수 있는 실시간 인사이트를 얻을 수 있습니다. 이제 코딩 인텔리전스가 기본으로 내장되어 있어, 배우고, 실험하고, 창작하는 것이 그 어느 때보다 쉬워졌습니다. Xcode를 벗어나지 않고도 ChatGPT나 클라우드 같은 모델을 활용할 수 있습니다. 자, 그럼 함께 무언가를 만들어 봅시다. 준비되셨나요?

훌륭한 앱은 작은 불꽃에서 시작되며, 그 불꽃은 누구에게서나 솟아날 수 있습니다. 저에게 앱에 대한 아이디어가 하나 있습니다. 그 이야기를 들려드릴게요. 우리는 항상 작은 발견의 순간을 찾고 있잖아요, 그렇죠? 매일 작은 모험, ‘마이크로 어드벤처’를 경험할 수 있다면 어떨까요? 에베레스트 산을 등반하자는 말이 아닙니다. 그저 가보고 싶었던 그 박물관에 가보는 거죠. 한 번도 가본 적 없는 공원을 탐험해 보는 거죠. 평범한 일상 속에서 비범한 것을 찾아보는 거죠.

저는 바로 그런 기능을 가진 앱을 만들고 싶어요. 먼저 디자인을 스케치한 다음,

키노트로 옮겨서 모든 인터페이스 요소의 이름을 더 구체적으로 지어주었습니다. 이러한 계획 과정을 통해 제가 만들고 싶은 것을 정확히 정의할 수 있었고,

코딩 어시스턴트로부터 최상의 결과를 얻기 위해 다섯 가지 프롬프트, 즉 지침을 신중하게 작성했습니다. 이 부분에 대해서는 잠시 후에 자세히 설명해 드릴게요. 자, 함께 따라 하실 분들은 설명란에 있는 이 프롬프트 링크를 꼭 찾아두세요. 그러면 프롬프트를 찾으면서 여러분의 프로젝트에 바로 활용할 수 있습니다. 프롬프트 엔지니어링에 대해 제가 배운 점을 하나 알려드릴게요. 모델에게 무엇을 만들고 싶은지 전달하는 것 자체가 하나의 기술입니다.

핵심은 ‘구체적으로’ 표현하는 것입니다. 마치 팀원에게 지시를 내리듯이, 정확히 원하는 바를 전달하세요. 그리고 사용하고 싶은 구성 요소의 정확한 이름을 알고 있다면 더 좋습니다.

또한 맥락도 제공해 주세요. 앱이 어떤 기능을 하는지, 어떤 문제를 해결하는지 설명해 주세요. 앱의 모양을 결정하거나 영향을 줄 수 있는 요소들을 포함시키고, 반복적으로 개선해 보세요. 프롬프트의 다양한 버전을 실험해 보세요. 코딩 어시스턴트를 활용하면 프롬프트를 만들고 개선하는 데 도움을 받을 수 있을 뿐만 아니라, 앱의 새로운 기능을 구상하는 데에도 활용할 수 있습니다. 프롬프트 엔지니어링에는 코딩과 마찬가지로 배워야 할 것이 훨씬 더 많습니다. 같은 작업을 수행하는 방법은 여러 가지가 있으니, 처음에 프롬프트가 원하는 결과를 정확히 내놓지 못하더라도 낙담하지 마세요.

자, 이제 제 앱을 만들어 보겠습니다. Xcode에서 새로운 iOS 프로젝트를 생성한 다음 코딩 어시스턴트를 설정하겠습니다.

이제 Xcode로 전환하여 새로운 iOS 프로젝트를 생성하겠습니다. Xcode가 열려 있으니 ‘새 프로젝트 만들기’를 클릭하겠습니다.

새 프로젝트의 템플릿으로 iOS를 선택하겠습니다. 애플리케이션 유형에서 ‘앱’을 선택하고 ‘다음’을 클릭하겠습니다.

제품 이름에 ‘Micro Adventures’를 입력하겠습니다.

조직 식별자에는 ‘com.myfictitiousorganization’을 입력하고, 다른 옵션은 기본값 그대로 두겠습니다. '다음'을 클릭한 후 '만들기'를 클릭하여 프로젝트를 바탕화면에 저장합니다.

이제 왼쪽에 프로젝트 탐색기 패널, 중앙에 코드가 표시된 소스 편집기, 오른쪽에 실시간 미리보기가 있는 기본 'Hello World' 프로젝트가 생성되었습니다.

이제 더 잘 볼 수 있도록 여기에서

미니맵을 끄고 Xcode를 전체 화면으로 전환하겠습니다.

다음으로, 코딩 인텔리전스를 설정해야 합니다. 코딩 인텔리전스 패널을 열려면 네비게이터 왼쪽 상단에 있는 반짝이는 아이콘을 클릭하거나 Command + 0 키를 사용하여 패널을 열거나 닫을 수 있습니다.

'설정'을 클릭하여 인텔리전스 설정을 엽니다.

ChatGPT나 해당 모델이 지원되는 코드를 활성화하거나, 선호하는 다른 모델을 사용할 수 있습니다. 오늘은 ChatGPT를 사용할 예정이므로 '켜기'를 클릭하겠습니다. 이 패널에는 ChatGPT에 대한 추가 정보가 있습니다.

이제 ‘다음’을 클릭하면 계정을 사용하거나 계정 없이 ChatGPT를 사용할 수 있는 옵션이 나타납니다.

이번 실습에서는 별도의 계정 없이 진행하겠습니다.

코딩 어시스턴트를 사용할 수 있도록 설정 창을 닫겠습니다. 코딩 어시스턴트는 Natural Language를 사용하여 모델과 상호작용하는 공간입니다. 자, 이제 모든 설정이 완료되어 시작할 준비가 되었습니다. iOS Xcode 프로젝트와 코딩 어시스턴트가 ChatGPT를 사용하도록 설정되었습니다.

이제 코딩 어시스턴트와 대화를 시작하며, 무엇을 만들 수 있는지 살펴보고 그 과정에서 무엇을 배울 수 있는지 알아보겠습니다.

첫 번째 프롬프트에서는 먼저 배경 정보를 제공합니다. 저는 짧은 ‘마이크로 어드벤처’ 아이디어를 제공하는 앱을 만들고 있습니다. 그런 다음 인터페이스 요소를 설명합니다. 먼저 ‘Micro Adventures’를 큰 내비게이션 제목으로 추가하고, 마커를 중심으로 한 전체 화면 지도를 추가합니다.

예를 들어, 내비게이션 제목과 마커를 사용함으로써 구체적으로 설명하고 있는 것을 볼 수 있습니다. 이제 웹 페이지에서 첫 번째 프롬프트를 복사하겠습니다.

Xcode로 전환합니다.

채팅창에 붙여넣고, 리턴 키를 눌러 프롬프트를 제출한 뒤 응답을 기다립니다. 몇 가지 팁을 알려드리겠습니다. 생성된 응답을 꼼꼼히 읽어보는 것이 매우 중요합니다. 제안된 변경 사항마다 프로젝트에 추가된 코드 스니펫과 함께 설명이 제공된다는 점에 주목하세요. 코드 스니펫을 클릭하면 편집기에서 해당 부분이 강조 표시됩니다. 이는 내부에서 어떤 일이 일어나고 있는지 이해하는 데 아주 좋은 방법입니다. 자, 이걸 보세요. 제목과 모험 위치를 표시하는 마커가 있는 지도가 완성되었습니다. 앱 개발을 계속해 봅시다.

상단 툴바에 카테고리와 난이도 수준을 필터링할 수 있는 버튼을 추가하고, ‘모두 선택’ 옵션도 포함시키세요. 다시 말하지만, 저는 상단 툴바와 원하는 필터에 대해 매우 구체적으로

지정하고 싶습니다. 프롬프트로 이동하겠습니다. 두 번째 프롬프트를

복사한 뒤, Xcode로 돌아가 붙여넣고 리턴 키를 눌러 제출하세요. 참고로, 코딩 어시스턴트는 동일한 프롬프트를 실행할 때마다 약간 다른 결과를 생성할 수 있습니다. 예를 들어, 인터페이스 레이아웃이나 기능이 약간 다를 수 있습니다. 하지만 항상 개발의 탄탄한 출발점을 확보할 수 있습니다.

자, 이제 완성되었습니다. 요청한 필터가 적용된 뷰를 표시해 줄 버튼이 생겼습니다. 테스트해 봅시다.

좋네요. 잘 작동하는 것 같습니다.

모델이 가끔 실수를 할 수 있다는 점을 유의해야 하지만, 걱정하지 마세요. 코딩 어시스턴트가 이를 대신 수정해 줄 수 있습니다. 어떻게 하는지 보여드릴게요.

여기서 괄호 하나를 제거하면, 잠시 후 오류가 나타납니다. 빨간색 X 표시를 클릭하고 ‘오류 수정 생성(generate fix for issue)’을 선택합니다. 코딩 어시스턴트가 수정을 시작합니다. 또한 ‘모든 오류 수정(fix all issues)’이라고 입력하여 모델에 직접 프롬프트를 줄 수도 있습니다. 이제 세 번째 프롬프트로 넘어가 보겠습니다. 이건 꽤 중요한 부분이에요. 단계별로 설명해 드릴게요. 타이틀 오버레이 아래에는 카테고리 필과 난이도 필이 있는 플로팅 정보 카드가 있습니다. 왼쪽 상단에는 굵은 글씨의 어드벤처 제목이 있습니다. 어드벤처 설명과 상태 버튼이 있습니다. 오른쪽 하단에는 어드벤처가 완료되었는지 여부를 표시합니다.

상당히 세부적인 내용이 많죠?

프롬프트로 돌아가서 세 번째 프롬프트를 복사해 오겠습니다. Xcode로 돌아와서 제출해 보겠습니다.

이제 몇 가지 팁을 더 드리겠습니다. ‘select 뷰의 배경색을 변경해 주세요’나 ‘10행과 20행 사이의 코드를 설명해 주세요’와 같은 프롬프트를 사용할 수 있습니다. 또한 모델의 응답을 더 정확하게 유도하려면 프로젝트 내의 특정 클래스나 파일을 참조할 수 있습니다. '하나 선택'이라는 문자를 입력하면 코딩 어시스턴트가 프롬프트와 함께 이를 읽어줄 것입니다.

Xcode로 돌아갑니다. 이제 모험에 대해 제가 원하는 모든 세부 정보가 담긴 정보 카드가 있습니다. '완료' 버튼이 작동하는지 확인해 보겠습니다. 모험이 완료되었는지 여부를 표시해야 하는데, 다행히 잘 작동하네요. 다음은 네 번째 프롬프트입니다. 이건 짧은 프롬프트입니다. 지도 하단 위에 떠 있는 넓은 ‘다음 모험’ 버튼을 추가해 주세요. 네 번째 프롬프트를 복사하겠습니다. Xcode로 전환하여 프롬프트를 전송하겠습니다.

이건 금방 끝날 것 같네요. 단순히 버튼 하나만 요청했을 뿐, 그 버튼이 어떤 기능을 해야 하는지는 명시적으로 언급하지 않았습니다. 잠시 시간을 내어 생성된 내용을 읽고 이해해 봅시다.

응답 내용을 훑어보며 ‘다음 모험’ 버튼과 관련된 코드 조각을 찾아보겠습니다. 여기 있네요. 이 부분을 클릭하여 소스 편집기에서 해당 코드를 강조 표시하겠습니다. 버튼의 액션이 실제 액션이 아닌 할 일(todo) 주석으로 되어 있습니다.

그래서 모든 것을 하나로 묶어 앱이 제대로 작동하도록 하기 위해 다섯 번째 프롬프트가 필요한 것입니다. 제목, 설명 등이 포함된 모험에 필요한 모델, 샘플 데이터 및 연결을 생성하세요. 모험에 필수적이라고 생각되는 모든 정보를 상세히 나열합니다.

다섯 번째 프롬프트를 작성한 후 코딩 어시스턴트에 제출하겠습니다. 결과가 만족스럽지 않다면 반복 작업을 잊지 마세요. 프롬프트를 조정하고 다시 시도해 보세요. 주제를 체계적으로 정리하기 위해 새로운 대화를 시작할 수도 있고, 코딩 어시스턴트 패널 상단 중앙에 있는 선택기를 사용하여 이전 대화로 돌아갈 수도 있습니다.

자, ‘다음 어드벤처’ 버튼을 클릭할 때를 제외하고는 인터페이스에 별다른 변화가 나타나지 않을 것으로 예상합니다. 그러면 새로운 어드벤처가 표시될 겁니다. 자, 보세요! 마법처럼 말이죠. 우리 앱이 완성되었습니다. 저는 스케치와 아이디어 하나로 시작했습니다. 이제 제대로 작동하는 앱이 생겼습니다. 조금만 더 손보면 바로 출시할 수 있을 정도죠. 놀랍지 않나요? 여러분 쪽에서는 어떤 결과가 나왔는지 보고 싶네요. 이 앱을 계속 개발하고, 기능을 추가하며, 나만의 앱으로 만들어 가면서 즐겁게 활용해 보시길 바랍니다. 자, 마무리하기 전에 한 번 더 살펴볼 만한 접근 방식이 하나 더 있습니다.

좀 더 시각적인 접근 방식을 취하고 싶다면 어떨까요? 이미지로 시작해서 프롬프트를 입력할 수 있을까요? 물론입니다. 첨부된 이미지를 바탕으로 ‘매크로 어드벤처 앱’을 만들라는 프롬프트를 생성하고, 제가 이전에 만든 이 다이어그램을 첨부할 수 있습니다. 이 스케치를 얻으려면 프롬프트가 있는 웹 페이지로 이동하세요. 2부로 스크롤을 내리고, 프롬프트를 복사한 뒤 이미지를 다운로드 폴더에 저장하세요.

이제 ‘My Adventures’라는 이름의 새로운 iOS 프로젝트를 생성하고, 저장한 뒤 코딩 어시스턴트를 열겠습니다.

프롬프트를 가져와 코딩 어시스턴트에 복사하여 붙여넣겠습니다.

그런 다음 채팅 창 왼쪽 하단의 클립 아이콘을 클릭하고 ‘파일 업로드’를 선택하겠습니다.

'Sketch Micro Adventure.png' 파일을 찾아 선택합니다. '열기' 버튼을 클릭하여 텍스트 프롬프트에 추가한 다음, 리턴 키를 눌러 전체 프롬프트를 제출합니다. Cloud나 ChatGPT와 같은 모델은 문서, 이미지, 코드 등 가장 일반적인 여러 파일 형식을 처리할 수 있습니다. 이 과정은 시간이 조금 더 걸릴 수 있습니다. 모델이 이미지 구조를 분석하고 전체 앱에 대한 코드를 생성해야 하기 때문입니다. 이전처럼 단계별로 진행하는 대신 말이죠. 말이 나온 김에, 앞서 사용했던 그 다섯 단계를 한 번에 붙여넣을 수도 있습니다. 모델은 채팅에서 훨씬 더 긴 프롬프트를 처리할 수 있으며, 프롬프트가 잘 구조화되고 체계적으로 정리되어 있으면 도움이 됩니다. 자, 이제 시작합니다. 제 작업이 완료되었는데, 제가 스케치했던 것과 거의 똑같네요. 정말 훌륭하네요. 다음 단계는 앱의 기능을 테스트하고, 원하는 대로 작동하고 보이는 모습이 될 때까지 프롬프트를 계속 입력하는 것입니다. 이것으로 코드 따라하기 세션을 마치겠습니다. 컨셉으로 시작해 몇 가지 프롬프트를 입력한 끝에, 완전히 작동하는 앱을 완성했습니다. 코딩 어시스턴트 덕분에 이것이 가능해졌습니다. 한 곳에서 탐색하고, 프로토타입을 만들고, 배우고, 아이디어를 구현할 수 있습니다.

Xcode에는 놀라운 앱을 만드는 데 도움이 되는 기능이 훨씬 더 많이 있습니다. 앱 문서, Playground 등 다양한 곳에서 제공되는 예측 코드 완성 기능도 있습니다. 함께해 주셔서 감사합니다. 이제 여러분의 차례입니다. 멋진 것을 만들어 보세요.