SwiftUI๋ฅผ ์ ๋๋ก ๋ค๋ฃจ๊ธฐ ์ํ ์ ๋๋ก ๋ ๊ฐ์! (iOS14 ์๋ฒฝ๋์)
์๋ก์ด ์ ํ์ ํจ๋ฌ๋ค์ SwiftUI๋ฅผ ์๋ฒฝํ๊ฒ ๋ฐฐ์ธ ์ ์๋ ์ ํธ์ ๊ธฐํ!!
์ต์ ๊ธฐ๋ฅ์ผ๋ก ๊ธฐ์ด๋ถํฐ ํ๋์ฉ ์ค์ ํ๋ก์ ํธ๊น์ง ์งํํ ์ ์๋๋ก ๋ค์ํ ์์ ๋ฅผ ์ค๋นํ์ต๋๋ค.
SwiftUI 1.0 ~ 2.0์ ๋ฐฐ์ธ ์ ์์ด์
iOS14 ๋ฒ์ ์ ๋ง์ถ SwiftUI ์ต์ ๋ด์ฉ์ ์๋ฒฝํ๊ฒ ๋ฐฐ์ธ ์ ์๋ ๊ธฐํ!
SwiftUI๋ Swift์ ์ฑ๋ฅ์ ๋ฐํ์ผ๋ก ๋ชจ๋ Apple ํ๋ซํผ์์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๊ตฌ์ถํ ์ ์๋ ํ์ ์ ์ด๊ณ ๊ฐ์ํ๋ ๋ฐฉ๋ฒ์ ๋๋ค. ์ฝ๊ธฐ ์ฝ๊ณ ์์ฑํ๊ธฐ ํธํ ์ ์ธ์ Swift ๊ตฌ๋ฌธ์ ํตํด SwiftUI๋ ์๋ก์ด Xcode ๋์์ธ ๋๊ตฌ์ ๋งค๋๋ฝ๊ฒ ์ฐ๋๋๋ฉด์ ์ฝ๋์ ๋์์ธ์ด ์๋ฒฝํ๊ฒ ๋๊ธฐํ๋๋๋ก ํฉ๋๋ค.
๋ํ ์ ๋์ ๊ธ์ ํฌ๊ธฐ ์กฐ์ , ๋คํฌ ๋ชจ๋, ํ์งํ ๋ฐ ์์ฌ์ด ์ฌ์ฉ์ ์๋ ์ง์ํ๋ฏ๋ก SwiftUI ์ฝ๋ฉ ์ฒซ ์ค๋ถํฐ ๊ฐ์ฅ ๊ฐ๋ ฅํ UI ์ฝ๋๋ฅผ ์์ฑํ ์ ์์ต๋๋ค.
iOS์ ๊ฐ๋ฐ ํจ๋ฌ๋ค์์ด ๋ค์ํ๋ฒ ๋ณํ๊ณ ์์ต๋๋ค. ์์ผ๋ก๋ SwiftUI๋ฅผ ์ฌ์ฉํ ์ ์์ด์ผ ์ ๋๋ก ๊ฐ๋ฐ์ ํ ์ ์๊ฒ ๋ ๊ฒ์ ๋๋ค. ๋ฐ๋น ๋ฅด๊ฒ ์ค๋นํด ๋๊ตฌ๋ณด๋ค ๋ฉ์ง๊ณ ์์ฑ๋ ๋์ ์ฑ์ ๊ฐ๋ฐํ ์ ์๋๋ก ๋์๋๋ฆฌ๊ฒ ์ต๋๋ค.
iOS14 ๋ฒ์ ์ ๋ง์ถ SwiftUI ์ต์ ๋ด์ฉ์ ๋ด์์ผ๋ฉฐ, iOS13 ๋ฒ์ ๊ธฐ๋ณธ ๊ฐ์ ๋ํ ํฌํจ๋์ด ๋ฒ์ ์ ๋ง๋ ๊ฐ๋ฐ์ด ๊ฐ๋ฅํฉ๋๋ค.
๊ธฐ๋ณธ์ ์ถฉ์คํ ๊ตฌ์ฑ์ผ๋ก ๊ธฐ์ด๋ฅผ ํํํ ์ก์ ์ ์๋๋ก ์ฒด๊ณ์ ์ผ๋ก ๊ตฌ์ฑํ์์ต๋๋ค. ๋ค์ํ ๊ฐค๋ฌ๋ฆฌ ์คํ์ผ, json์ ํตํ ๋คํธ์ํฌ ์ฒ๋ฆฌ, shape ์์ฉํ์ฌ ๋ง๋ค๋ฉด์ ์ค์ ํ๋ก์ ํธ๋ฅผ ์งํํ๋๋ฐ ๋ฌด๋ฆฌ ์๋๋ก ์ค๋นํ์ต๋๋ค.
Grid View Gallery
StopWatch
Calculator
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
iOS๊ฐ๋ฐ์ ์ฒ์ ์ ํ๋ ๋ถ
SwiftUI๋ก ํ๋ก์ ํธ๋ฅผ ์งํํ๊ณ ์ถ์ ๋ถ
3,034
๋ช
์๊ฐ์
207
๊ฐ
์๊ฐํ
270
๊ฐ
๋ต๋ณ
4.8
์
๊ฐ์ ํ์
7
๊ฐ
๊ฐ์
์๋ ํ์ธ์.
๊ฐ์ ๊ธ์ก์ด ๋ถ๋ด๋์๋ ๋ถ๋ค์ ๊ฐ์๋ช ์ ์๋ ์ด๋ฉ์ผ๋ก ๋ณด๋ด์ฃผ์๋ฉด ํ ์ธ์ฟ ํฐ์ ๋ณด๋ด๋๋ฆฝ๋๋ค.
apple-developer@kakao.com
iOS ๊ฐ๋ฐ์ ์ธ๊ณ์ ๋ฐ์ ๋ค์ด๊ฒ ๋ ์ง ๋ฒ์จ 10๋ ์ด ํ๋ ์ต๋๋ค.
๊ทธ ๋์ ๋ค์ํ ํ๊ฒฝ์์ 100์ฌ๊ฐ๊ฐ ๋๋ ํ๋ก์ ํธ๋ฅผ ์ฑ๊ณต์ ์ผ๋ก ๋ฐ์นญํ๋ ๋ฐ ์ฐธ์ฌํ์์ต๋๋ค. ์ด๋ฐ ๋ค์ํ ๊ฒฝํ์ ํตํด, ์ค๋ฌด์์์ ๊น์ ๋ ธํ์ฐ์ ํต์ฐฐ์ ์ป์ ์ ์์์ต๋๋ค.
์ด๋ฐ ์ง์์ ๋ชจ์ ์ ์ ๊ฐ์ ์ด์ ์ ๊ฐ์ง ๊ฐ๋ฐ์ ๋ถ๋ค๊ณผ ํจ๊ป ์ฑ์ฅํ๊ธฐ ์ํด. ํญ์ ๋ ๋์ ๋ฐฉ๋ฒ, ๋ ํจ์จ์ ์ธ ๊ฒฝ๋ก๋ฅผ ์ฐ๊ตฌํ๋ฉฐ, ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ๊ฐ์ ํํ๋ก ์ ์ํ์ฌ ์ฌ๋ฌ๋ถ๋ค๊ณผ ๊ณต์ ํ๊ณ ์์ต๋๋ค.
ํจ๊ป ์ฑ์ฅํ๋ ์ฌ์ ์ ๋ํํ์ค ์ค๋น๊ฐ ๋์ จ๋ค๋ฉด, ์ ์ ํจ๊ป ์์ํด๋ด ์๋ค.
์ ์ฒด
66๊ฐ โ (15์๊ฐ 8๋ถ)
1 Intro
07:54
2 Stack
14:42
3 Text
09:22
4 Image
12:10
5 Image SF Symbols
05:31
6 Shape
13:31
7 Button
16:07
8 Toggle
10:56
9 List ForEach
18:12
10 List Section
26:25
11 ViewModifier
13:08
12 Alert View
10:10
13 WebView Basic
25:32
14 WebView JS Bridge
25:03
15 Grid
12:23
16 Placeholder
07:12
17 NavigationView
17:42
18 TabView
04:35
19 Toggle Basic
01:43
20 Toggle Custom
22:10
21 TextEditor
09:26
22 ScrollViewReader
09:32
23 State
07:47
24 Binding
08:32
25 ObservableObject
11:02
26 EnvironmentObject
17:16
27 StateObject
11:54
28 AppStoreage
05:56
1 Grid View
01:44
2 Grid View
28:47
3 Grid View
19:50
Network JSON
23:08