미팅 플랜

미팅 플랜은 SwiftUI 기초, 데이터 모델링의 기본 및 공간 컴퓨팅을 배우는 데 도움이 되는 클럽 활동을 제안합니다.

학습할 주제를 선택하세요.

Xcode, Swift 또는 SwiftUI를 사용해 본 적이 없다면 SwiftUI 기초부터 시작해 보세요.

SwiftUI 기초

  • 튜토리얼 5개 (개별 과제)

  • 미팅 10회 (그룹 활동)

SwiftUI를 사용하여 앱을 빌드하면서 앱 개발의 기본을 알아보세요. 단계별 튜토리얼을 따라가며 프로토타입 앱, 앱 화면, 완제품 앱을 만들어 보고, 배운 내용을 응용하고 클럽의 도움을 받아 나만의 고유한 앱을 만들어 볼 수 있습니다.

참고: 앱을 미리 보기 위해 iPhone이 필요하지 않습니다. Xcode에 포함된 도구를 사용해 앱이 어떻게 표시되고 작동하는지 Mac에서 바로 확인할 수 있습니다.

Swift로 개발하기 튜토리얼 입문을 읽고 학습을 시작해 보세요.

챕터 1

Xcode 살펴보기

메시징 앱 프로토타입을 제작하며 Xcode와 SwiftUI에 대해 알아보세요. Swift 구문과 소스 편집기 및 미리보기를 사용하는 방법을 배워봅니다.


미팅 1

준비: 첫 미팅 전에 Hello, SwiftUI 튜토리얼을 완료합니다.

그룹 활동: 클럽 전체 또는 소규모 그룹으로 나뉘어 요약: Xcode 살펴보기 문서의 ‘앱 확장하기(Extend your app)’ 섹션에 있는 연습 과제 중 2개를 완료합니다.

미팅 2

준비: 요약: Xcode 살펴보기 문서의 ‘개념 되새기기(Reflect on the concepts)’ 섹션을 읽습니다.

그룹 활동: 새로운 Xcode 프로젝트 ‘MyselfInSixWords’를 시작합니다. 텍스트 뷰를 사용하여 나를 설명하는 6개의 단어를 표시하고, 각 단어에 패딩과 다양한 배경 색상을 적용합니다. VStackHStack으로 대체하여 단어를 가로로 표시해 봅니다. 그런 다음 난이도를 높여서 HStackVStack 뷰를 혼합하여 앱에 다양한 레이아웃을 생성합니다. 뷰의 HStackVStack 안에 삽입하거나 그 반대로 할 수 있나요? 이렇게 하면 어떤 일이 생기나요?

미팅 후반에 돌아가며 짧게 자신의 MyselfInSixWords 프로젝트를 선보입니다.

챕터 2

뷰, 구조, 속성

맞춤화된 뷰를 빌드하여 며칠 간의 일기 예보를 제작하는 방법을 알아봅니다. 뷰에서 속성을 사용하여 각 날짜의 표시를 맞춤화해 보세요.


미팅 3

준비: 속성을 사용해 뷰를 맞춤화하기 튜토리얼을 완료합니다.

그룹 활동: 클럽 전체 또는 소규모 그룹으로 나뉘어 요약: 뷰, 구조 및 속성 문서의 ‘앱 확장하기(Extend your app)’ 섹션에 있는 연습 과제 중 1~2개를 완료합니다.

미팅 4

준비: 요약: 뷰, 구조, 속성 문서의 ‘개념 되새기기(Reflect on the concepts)’ 섹션을 읽습니다.

그룹 활동: 계산 속성을 사용하여 연습해 봅니다. 계산 속성을 추가하여 최고 기온이 섭씨 26.6도를 초과하는 경우(최고 기온 > 26.6℃) 다양한 색상을 반환하도록 해봅니다. .foregroundStyle 편집자를 사용하여 속성 값에 따라 텍스트 색상을 변경합니다.

돌아가며 짧게 그날의 작업 결과를 발표합니다. 그날의 성과와 프로젝트를 완성하기 위해 필요한 도움이나 시간을 공유해 봅니다.

챕터 3

레이아웃 및 스타일

iOS 앱을 위한 2개의 온보딩 화면을 빌드하여 화면의 원하는 위치에 뷰를 배치하고 그 크기를 검사하는 데 유용한 도구를 알아봅니다. 애셋 카탈로그에서 색상을 정의하고 이를 사용하여 그라디언트 배경을 생성해 보세요.


미팅 5

준비: 인터페이스 디자인하기 튜토리얼을 완료합니다.

그룹 활동: 온보딩 흐름에 세 번째 페이지를 추가합니다. 새 페이지에 원하는 요소를 포함합니다. 시간이 남는다면 앱의 디자인과 색상을 편집해 봅니다.

미팅 6

준비: 요약: 레이아웃 및 스타일 문서의 ‘개념 되새기기(Reflect on the concepts)’ 섹션을 읽습니다.

그룹 활동: 여러 뷰 간에 스와이프를 연습해 봅니다. 새로운 Xcode 프로젝트를 시작하고 .tabViewStyle(.page)로 짧은 이야기를 만들어 책의 페이지를 스와이프해 넘겨 봅니다. 큰 제목, 저자 이름, 하나 이상의 SF Symbols 기호, 여러 가지 색상을 사용하여 첫 번째 페이지를 책 표지처럼 만듭니다. 이야기를 담는 페이지에 장 제목, 텍스트, 사진을 표시할 창의적인 방법을 생각해 봅니다.

돌아가며 짧게 그날의 책 프로젝트 결과를 발표하고, 계속해서 작업해 나갈 부분에 대한 계획을 공유합니다.

챕터 4

버튼 및 상태

앱에 버튼을 추가하는 방법을 알아보고, Swift 클로저와 클로저 및 버튼의 관계에 대해 살펴보세요. 상태 속성을 사용하여 사용자 인터페이스를 자동으로 업데이트해 보세요.


미팅 7

준비: 상태를 통해 UI 업데이트하기 튜토리얼을 완료합니다.

그룹 활동: 주사위 이미지와 그 아래에 굴리기 버튼을 표시하는 대신, DiceView를 수정하여 사용자가 주사위 자체를 탭하여 굴릴 수 있게 해봅니다.

미팅 8

준비: 요약: 버튼과 상태 문서의 ‘개념 되새기기(Reflect on the concepts)’ 섹션을 읽습니다.

그룹 활동: 간단한 버튼 앱을 만들어 봅니다. 새로운 Xcode 프로젝트를 시작하고 버튼이 1~2개 포함된 앱을 만듭니다. 심플한 앱 디자인하기 프로젝트를 사용하여 아이디어 구상에 도움을 받을 수 있습니다.

돌아가며 짧게 버튼 앱 디자인 및 프로젝트를 발표합니다. 생각보다 쉬웠거나 어려웠던 부분을 공유해 보세요.

챕터 5

목록 및 텍스트 필드

여러 항목을 배열에 저장하고 이를 목록으로 표시하는 동적 인터페이스를 생성해 보세요. 텍스트 필드 및 바인딩을 사용하여 사용자가 텍스트를 입력할 수 있게 해 보세요.


미팅 9

준비: 동적 콘텐츠 생성하기 튜토리얼을 완료합니다.

그룹 활동: 요약: 목록 및 텍스트 필드 문서의 ‘앱 확장하기(Extend your app)’ 섹션에 있는 연습 과제 중 1개를 선택합니다.

미팅 10

준비: 요약: 목록 및 텍스트 필드 문서의 ‘개념 되새기기(Reflect on the concepts)’ 섹션을 읽습니다.

그룹 활동: 주소 레이블 포맷을 지정해 봅니다. AddressLabel이라는 이름의 새로운 Xcode 프로젝트를 시작합니다. @State 속성 및 텍스트 필드를 사용하여 주소의 다양한 요소(예: 도시, 국가)를 수집합니다. 그리고 화면 상단에 완전한 형식을 갖춘 주소 전체를 표시합니다. 양식 및 주소의 서체, 크기, 색상을 맞춤화합니다.

돌아가며 짧게 클럽 종결 후 계획을 공유해 보세요. 앱 개발 학습을 어떻게 이어나갈 예정인가요? 어떤 앱을 만들고 싶으신가요?

다음:

데이터 모델링