SwiftUI 배우기

무료 인터랙티브 SwiftUI 강의입니다. 모든 레슨에서 실제 SwiftUI 코드를 작성하고, 그 코드가 만든 화면을 휴대폰 라이브 미리보기로 확인하며, 탭해서 상태가 바뀌는 모습을 볼 수 있습니다. Mac도 Xcode도 필요 없고, 막히면 AI 힌트가 도와주며, 마치면 무료 수료증을 받습니다.

학습 시작(무료)

커리큘럼 보기 SwiftUI 소개 플레이그라운드

4,075+ 명의 codders가 등록함

50 개 강의46 챌린지106 퀴즈 문제

초보자 환영
AI 코딩 도우미
실습 중심의 대화형 강의
모든 레슨에 음성 나레이션 제공
지식을 확인하는 퀴즈
무료 수료증

커리큘럼

1 섹션1 프로젝트50 개 강의46 챌린지106 퀴즈 문제

이 섹션은 Swift 여정의 일부입니다. 전체 커리큘럼에는 더 많은 섹션이 있어요 - 아래 미리보기를 클릭하면 여정 페이지에서 확인할 수 있습니다.

섹션 1기초86 개 강의
섹션 2로직과 흐름56 개 강의
섹션 3
SwiftUI 소개
섹션 시작하기시작펼치기접기SwiftUI를 사용해 Swift로 앱 화면을 만듭니다. 뷰와 수정자, 스택과 레이아웃, 상태와 버튼, 텍스트 필드와 토글, 리스트, 내비게이션과 공유 데이터를 학습합니다. 모든 레슨은 실시간으로 미리 볼 수 있는 실제 SwiftUI 코드로 구성됩니다.50 개 강의46 챌린지106 문제1 프로젝트
소개
2 개 강의28
01SwiftUI란 무엇인가챌린지퀴즈
02앱 파일챌린지퀴즈
콘텐츠 표시하기
6 개 강의615
01텍스트 뷰챌린지퀴즈
02텍스트 속 숫자챌린지퀴즈
03글꼴챌린지퀴즈
04색상챌린지퀴즈
05SF Symbols챌린지퀴즈
06복습 - 가격표챌린지
스택 및 레이아웃
5 개 강의512
01VStack챌린지퀴즈
02HStack챌린지퀴즈
03정렬 및 간격챌린지퀴즈
04Spacer 및 ZStack챌린지퀴즈
05복습 - 날씨 카드챌린지
수식어
5 개 강의512
01패딩챌린지퀴즈
02배경챌린지퀴즈
03수식어 순서챌린지퀴즈
04프레임과 도형챌린지퀴즈
05복습 - 배지 만들기챌린지
상태와 버튼
5 개 강의512
01버튼챌린지퀴즈
02@State 프로퍼티챌린지퀴즈
03참 또는 거짓 상태챌린지퀴즈
04조건부 뷰챌린지퀴즈
05복습 - 점수 기록기챌린지
사용자 입력
5 개 강의512
01텍스트 필드챌린지퀴즈
02토글챌린지퀴즈
03스테퍼 및 슬라이더챌린지퀴즈
04피커챌린지퀴즈
05복습 - 주문 양식챌린지
리스트
5 개 강의512
01각 항목에 대해 반복하기챌린지퀴즈
02식별 가능한 항목챌린지퀴즈
03리스트챌린지퀴즈
04항목 추가하기챌린지퀴즈
05복습 - 쇼핑 리스트챌린지
내비게이션
5 개 강의512
01NavigationStack챌린지퀴즈
02NavigationLink챌린지퀴즈
03데이터 전달챌린지퀴즈
04시트와 알림챌린지퀴즈
05복습 - 식물 안내서챌린지
데이터 공유
4 개 강의49
01@Binding 프로퍼티챌린지퀴즈
02옵저버블 객체챌린지퀴즈
03환경 객체챌린지퀴즈
04복습 - 걸음 수 카운터챌린지
프로젝트 - Coddy Coffee
프로젝트5 개 강의12
01프로젝트 개요챌린지퀴즈
02음료 화면프로젝트
03사이즈 선택프로젝트
04수량 및 합계프로젝트
05주문하기프로젝트
최종 도전 과제
3 개 강의3
01팁 계산기챌린지
02할 일 목록챌린지
03참 또는 거짓 게임챌린지

Swift 여정 전체 커리큘럼 보기

제공되는 것

코딩을 배우기 위해 사용할 모든 것

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Earn a Certificate

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to LinkedIn

Coddy에서 SwiftUI를 배워야 하는 이유

브라우저에서 iPhone 앱 화면을 만드세요. Mac도, Xcode도, 설정할 시뮬레이터도 필요 없습니다. 코드는 저희 서버에서 컴파일되고 미리보기에 그 코드가 설명하는 화면이 표시되므로, Windows, Linux, 크롬북에서도 SwiftUI를 배울 수 있습니다.
모든 화면에 쓰이는 SwiftUI: 텍스트, 폰트, 색상과 SF Symbols, 스택, 정렬과 Spacer, 모디파이어 체인과 순서가 중요한 이유, 버튼과 @State, 텍스트 필드, 토글, 슬라이더, 피커, ForEach와 List, NavigationStack, 시트와 알림, 그리고 뷰 사이에 데이터를 공유하는 @Binding과 Observable 객체까지.
탭할 수 있는 라이브 미리보기. 미리보기에서 버튼을 누르거나 토글을 바꾸면 뷰가 새 상태로 다시 그려지므로, 선언형 UI가 어떻게 동작하는지 글로 읽는 대신 눈으로 확인할 수 있습니다. 휴대폰 프레임으로 전환해 만든 화면의 스크린샷을 저장할 수도 있습니다.
과정 중에 만드는 작은 앱들: 가격표와 날씨 카드부터 점수판, 쇼핑 목록, 식물 도감까지. 마지막에는 여러 화면으로 된 커피 주문 앱을 최종 프로젝트로 만들고, 섹션을 마치면 무료 SwiftUI 수료증을 받습니다.

SwiftUI 학습에 대해 자주 묻는 질문

SwiftUI란 무엇인가요?

SwiftUI는 Swift로 앱 화면을 만들기 위한 Apple의 프레임워크입니다. 요소를 하나하나 직접 배치하고 업데이트하는 대신, 현재 데이터에 대해 화면이 무엇을 보여줘야 하는지 기술하면 SwiftUI가 화면을 그리고 데이터가 바뀔 때마다 다시 그립니다. 화면은 뷰, 즉 body를 가진 작은 구조체로 이루어지며, 스택으로 조합하고 모디파이어로 꾸밉니다. 같은 코드로 iPhone, iPad, Mac, Apple Watch, Apple TV, Vision Pro의 화면을 만들 수 있습니다.

여기서 SwiftUI를 배우려면 Mac이나 Xcode가 필요한가요?

아니요. 모든 레슨이 브라우저에서 실행됩니다. 코드는 저희 서버에서 컴파일되고 에디터 옆 미리보기에 그 코드가 만드는 화면이 표시되므로 Windows, Linux, 크롬북에서도 문제없습니다. 실제 iPhone에서 앱을 실행하거나 App Store에 출시하려면 언젠가 Xcode가 설치된 Mac이 필요하지만, 여기서 배운 내용은 그대로 이어집니다.

미리보기는 Xcode의 미리보기와 같은가요?

같은 역할을 하지만 iOS 시뮬레이터는 아닙니다. 미리보기는 강의에서 다루는 SwiftUI 뷰를 Coddy가 자체적으로 구현한 렌더러가 그리며, 레슨을 채점하는 것과 같은 실행에서 만들어지므로 화면에 보이는 것이 곧 테스트가 확인하는 내용입니다. 버튼, 토글, 링크를 탭하면 그 동작이 코드에 다시 재생되므로 @State 변화도 앱에서처럼 보입니다. 레슨에서 다루는 뷰와 모디파이어를 지원할 뿐 SwiftUI 프레임워크 전체를 지원하지는 않으므로, Xcode를 대신하는 도구가 아니라 배우는 공간으로 생각해 주세요.

SwiftUI 전에 Swift를 먼저 배워야 하나요?

네, 최소한 기초는요. SwiftUI는 Swift 코드입니다. 뷰는 구조체이고, @State는 프로퍼티를 감싸며, 리스트는 배열을 반복하고, 컴파일러의 타입 오류는 Swift 오류입니다. 이 섹션은 변수, 타입, 함수, 구조체, 옵셔널을 다루는 Swift 여정의 Fundamentals 섹션 바로 다음에 있으니, Swift가 처음이라면 그곳부터 시작하세요.

SwiftUI와 UIKit 중 무엇을 배워야 하나요?

SwiftUI부터 시작하세요. Apple이 새 화면을 만들 때 권장하는 방식이고, 같은 화면에 필요한 코드가 훨씬 적으며, 최근 튜토리얼과 예제 코드, Apple 세션 대부분이 SwiftUI를 사용합니다. UIKit은 기존 앱 다수를 떠받치는 오래된 프레임워크라 실무에서 만날 수 있지만, SwiftUI와 UIKit은 한 앱 안에서 함께 동작하며 첫걸음으로는 SwiftUI가 더 쉽습니다.

SwiftUI는 배우기 어렵나요?

기초는 빨리 익힙니다. 몇 줄이면 텍스트, 이미지, 버튼을 화면에 띄울 수 있고, 미리보기가 수정할 때마다 결과를 보여줍니다. 연습이 필요한 부분은 상태로 생각하는 것입니다. 뷰를 직접 바꾸는 대신 데이터를 바꾸고 뷰가 다시 그려지게 합니다. 그래서 이 섹션은 @State에서 @Binding, Observable 객체로 한 단계씩 나아가며, 각 챕터 끝에 작은 앱을 만듭니다.