Inflearn brand logo image
Inflearn brand logo image
์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

UI์™€ ํ•จ๊ป˜ ๋ฐฐ์šฐ๋Š” Swift - ๋ ˆ๋ฒจ3

ํ„ฐ๋ฏธ๋„์—์„œ ๋ฌธ๋ฒ•์„ ๋ฐฐ์šฐ๊ณ  ์žˆ๋‚˜์š”? ๋ณ„ ์ฐ๊ธฐ๋ฅผ ํ•˜๋ฉด์„œ ๋ฌธ๋ฒ•์„ ๊ณต๋ถ€ํ•˜๋‚˜์š”? ์ œ๋ฐœ ๋”ฑ๋”ฑํ•œ ๋ฌธ๋ฒ• ๊ณต๋ถ€๋Š” ๊ทธ๋งŒ ๋ฉˆ์ถฐ! ๋ชจ๋ฐ”์ผ ์•ฑ์„ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐ ๊ผญ ํ•„์š”ํ•˜๋Š” Swift์˜ ๋ฌธ๋ฒ•, ๋น ๋ฅด๊ฒŒ ํ•™์Šตํ•ด ๋ด…์‹œ๋‹ค!

Thumbnail

์ดˆ๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ, ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”

  • SwiftUI

  • Swift

  • iOS

iOS ๋ชจ๋ฐ”์ผ ์•ฑ์„ ์ง์ ‘ ๋งŒ๋“ค๋ฉฐ ๋ฐฐ์šฐ๋Š”
์Šค์œ„ํ”„ํŠธ ๋ฌธ๋ฒ• ์†์„ฑํŽธ! 

์•ฑ ๊ฐœ๋ฐœ์— ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๊ฐ€ 
๋ฐœ๋ชฉ์„ ์žก๋Š”๋‹ค๊ณ ์š”? 

Swift ๋ฌธ๋ฒ•์„ ๋ฐฐ์šฐ๋Š” 
์—ฌ๋Ÿฌ๋ถ„์˜ ๊ณ ๋ฏผ์€ ์•„๋‹Œ๊ฐ€์š”? ๐Ÿค” 

โ€˜๋‚ด๊ฐ€ ํ•˜๋Š” ๊ณต๋ถ€๊ฐ€ ์•ฑ ๋งŒ๋“œ๋Š” ๊ฑฐ๋ž‘ ๋ฌด์Šจ ์ƒ๊ด€์ด์ง€?โ€™ 
โ€˜์ด๊ฑฐ... ์–ผ๋งˆ๋‚˜ ์•Œ์•„์•ผ ํ•˜๋Š” ๊ฑฐ์ง€?โ€™ 
โ€˜๋ฌธ๋ฒ• ๊ณต๋ถ€, ์–ด๋””๊นŒ์ง€ ํ•ด์•ผ ํ•˜๋Š” ๊ฑฐ์ง€?โ€™

iOS ์•ฑ ๊ฐœ๋ฐœ์„ ์œ„ํ•œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด, ์Šค์œ„ํ”„ํŠธ(Swift)! ์Šค์œ„ํ”„ํŠธ๋ฅผ ์ œ๋Œ€๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋ฌผ๋ก  ์Šค์œ„ํ”„ํŠธ์˜ ๋ฌธ๋ฒ•์„ ์•Œ๊ณ  ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ๋ฐ”๋กœ ๊ทธ ์ ์ด ๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ์„ ์ฒ˜์Œ ์‹œ์ž‘ํ•œ ๋ถ„๋“ค์˜ ๋ฐœ๋ชฉ์„ ์žก๋Š” ๋ถ€๋ถ„์ด๊ธฐ๋„ ํ•˜์ฃ . ๋ฌธ๋ฒ• ๊ณต๋ถ€๋Š” ๋”ฑ๋”ฑํ•˜๊ณ  ์ง€๋ฃจํ•˜๊ฒŒ ๋Š๊ปด์ง€๊ธฐ ๋งˆ๋ จ์ด๋‹ˆ๊นŒ์š”. 

๋‘๊บผ์šด ๋ฌธ๋ฒ•์ฑ…, ๊ผญ ํ•„์š”ํ• ๊นŒ์š”? ๐Ÿ™…โ€โ™€๏ธ

โ€œBetter apps. Less code.โ€

์ตœ์†Œํ•œ์˜ ์ฝ”๋“œ๋กœ ๋ฉ‹์ง„ ์•ฑ์„! SwiftUI๋Š” iOS, iPadOS, macOS ๋“ฑ ์• ํ”Œ ํ”Œ๋žซํผ์˜ ๋ชจ๋“  ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐ„ํŽธํ•œ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋กœ ์†์‰ฝ๊ฒŒ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.

๋ฌธ๋ฒ• ๊ณต๋ถ€๋Š” ์™œ ๊นŒ๋งŒ ํ™”๋ฉด์—์„œ ์‹œ์ž‘ํ•ด์•ผ ํ•˜๋Š” ๊ฑธ๊นŒ์š”? ์™œ ๋‚ด๊ฐ€ ๊ณต๋ถ€ํ•ด์„œ ์ง  ์ฝ”๋“œ๋Š” ๊นŒ๋งŒ ํ™”๋ฉด์—์„œ ์ถœ๋ ฅ๋˜์–ด์•ผ ํ•˜๋Š” ๊ฑธ๊นŒ์š”? ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์˜ ๋ฌธ๋ฒ•์„ ๋ฐฐ์šฐ๋ ค ์ฑ…์„ ํŽผ ๋•Œ๋ฉด ํ•œ์ˆจ๋ถ€ํ„ฐ ๋‚˜์˜ค๋Š” ๋ถ„, ๋ฉ‹์ง„ ์•ฑ์„ ๋งŒ๋“ค๊ณ  ์‹ถ์€๋ฐ ๊นŒ๋งŒ ํ™”๋ฉด ์•ž์—์„œ ์ „์ „๊ธ๊ธํ•˜๊ณ  ๊ณ„์‹  ๋ถ„์ด๋ผ๋ฉด ์ด ๊ฐ•์˜์™€ ํ•จ๊ป˜ํ•ด๋ณด์„ธ์š”. ๋”ฑ ํ•„์š”ํ•œ ๋งŒํผ, ํ™”๋ฉด์„ ๊ทธ๋ฆฌ๊ณ  ์•ฑ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์„ ์ˆ˜์ค€์˜ ๋ฌธ๋ฒ•์„ ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ๊ฐ€๋ฅด์ณ ๋“œ๋ฆฝ๋‹ˆ๋‹ค.


๊ฐ„๋‹จํ•œ ๋ฌธ๋ฒ•๋งŒ ์•Œ๋ฉด 
๋ฉ‹์ง„ ์•ฑ UI๋ฅผ ๋‚ด ์†์œผ๋กœ ๐ŸŽจ

โœ… ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ํž˜๋“ค๊ฒŒ ๋ฌธ๋ฒ• ์ฑ… ๋ณผ ํ•„์š” ์—†์ด, ์•ฑ์—์„œ ํ™”๋ฉด์„ ๊ทธ๋ฆด ๋•Œ ํ•„์š”ํ•œ ๋ฌธ๋ฒ•์„ ๋ฐฐ์›๋‹ˆ๋‹ค.
โœ… ์‹ค์ œ ์ด ๋ฌธ๋ฒ•์ด ์™œ ํ•„์š”ํ•˜๊ณ  ์–ธ์ œ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

ํด๋กœ์ €(Closure) ์–ธ์ œ, ์™œ ์“ฐ๋Š” ๊ฑธ๊นŒ์š”?
๊ณ ์ฐจํ•จ์ˆ˜๋ฅผ ํ™œ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•
๋ฐ์ดํ„ฐ์˜ ํ‹€์„ ๋งŒ๋“œ๋Š” ๋ฐ์ดํ„ฐ ๋ชจ๋ธ๋ง
๋™์‹œ์— ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์ผ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•

๋ฌธ๋ฒ• ๊ณต๋ถ€, ์ข€ ๋” ์žฌ๋ฏธ์žˆ๊ฒŒ ํ•ด๋ด…์‹œ๋‹ค! ๐Ÿƒโ€โ™‚๏ธ

์ €๋Š” ํ•ญ์ƒ ๊ฐœ๋ฐœ ๋ฌธ๋ฒ• ๊ณต๋ถ€๋Š” ๋‘๊บผ์šด ๋ฌธ๋ฒ• ์ฑ…์œผ๋กœ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ณต๋ถ€๋Š” ๊ทธ๋ ‡๊ฒŒ ํ•ด์•ผ๋งŒ ํ•˜๋Š” ์ค„ ์•Œ์•˜๊ธฐ ๋•Œ๋ฌธ์ด์ฃ . ๊ต๊ณผ์„œ๋ฅผ ํŽผ์ณ๋†“๊ณ  ๊ณต๋ถ€๋ฅผ ํ•œ ๋‹ค์Œ ์ˆ™์ œ๋ฅผ ํ•˜๊ณ  ์‹œํ—˜์„ ๋ณธ๋‹ค, ์ด๊ฒŒ ์ œ๊ฐ€ ํ–ˆ๋˜ ๊ณต๋ถ€์˜ ๊ณผ์ •์ด์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์‹ค์ œ๋กœ ๊ฐœ๋ฐœ์„ ๊ณต๋ถ€ํ•ด๋ณด๋‹ˆ ๊ฐœ๋ฐœ ๊ณต๋ถ€๋Š” ๊ทธ๋ ‡๊ฒŒ ํ•˜๋ฉด ์•ˆ ๋œ๋‹ค๊ณ  ๋Š๊ผˆ์Šต๋‹ˆ๋‹ค. ๋ฌด์—‡์ธ๊ฐ€๋ฅผ ๊ฐœ๋ฐœํ•˜๋ ค๋ฉด ๊ฐœ๋ฐœ์— ํ•„์š”ํ•œ ๊ฒƒ๋“ค๋ถ€ํ„ฐ ๋ฐฐ์›Œ์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์‚ฌ๋žŒ๋“ค์€ ์™œ ์Šค์œ„ํ”„ํŠธ๋ฅผ ๊ณต๋ถ€ํ• ๊นŒ์š”? ์•ฑ์„ ๋งŒ๋“ค๊ณ  ์‹ถ์–ด์„œ๊ฐ€ ์•„๋‹๊นŒ์š”? ๊ทธ๋Ÿฐ๋ฐ ๊นŒ๋งŒ ํ™”๋ฉด์—์„œ ๋”ฐ๋ถ„ํ•˜๊ฒŒ ๋ฌธ๋ฒ• ๊ณต๋ถ€๋ฅผ ํ•˜๋Š” ๊ฑด ๋ญ”๊ฐ€ ์ด์ƒํ•ฉ๋‹ˆ๋‹ค. ์•ฑ์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ ํ•„์š”ํ•œ ๋ฌธ๋ฒ•, ๊ฐ„๋‹จํ•œ ์•ฑ์„ ์ง์ ‘ ๋งŒ๋“ค๋ฉด์„œ ์žฌ๋ฏธ์žˆ๊ฒŒ ๋ฐฐ์›Œ๋ด…์‹œ๋‹ค!


Q&A๋ฅผ ํ™•์ธํ•ด๋ณด์„ธ์š” ๐Ÿ’ฌ

Q. Swift ๋ฌธ๋ฒ•์„ ๊ณต๋ถ€ํ•  ๋งŒํ•œ ๊ต์žฌ๊ฐ€ ์žˆ์„๊นŒ์š”?

๋ฌด๋ฃŒ ๊ต์žฌ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์• ํ”Œ์—์„œ ๊ณต์‹ ์ œ๊ณตํ•˜๋Š” swift.org๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”.

Q. ๊ผญ ๋งฅ๋ถ์ด ์žˆ์–ด์•ผ ํ•˜๋‚˜์š”?

Xcode๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๋ฉด ๊ผญ ๋งฅ๋ถ์ด ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์•„์ดํŒจ๋“œ๋กœ๋„ ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๋‹ค. 

Q. ์•„์ดํฐ์ด ํ•„์š”ํ• ๊นŒ์š”?

์•„์ดํฐ์€ ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋ˆ„๊ตฌ๋‚˜ ์‰ฝ๊ฒŒ, ๋ฆฌ์ด์˜ค Swift ์‹œ๋ฆฌ์ฆˆ ๐Ÿ“บ

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • Swift ๋ฌธ๋ฒ•์„ ์ฒ˜์Œ ์ ‘ํ•˜์‹  ๋ถ„

  • ๋ˆˆ์œผ๋กœ ๋ณด๋ฉด์„œ Swift๋ฅผ ๊ณต๋ถ€ํ•ด๋ณด๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • UI์™€ ํ•จ๊ป˜ ๋ฐฐ์šฐ๋Š” Swift - ๋ ˆ๋ฒจ2๋ฅผ ๋‹ค ๋ณด์‹  ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • UI์™€ ํ•จ๊ป˜ ๋ฐฐ์šฐ๋Š” Swift - ๋ ˆ๋ฒจ2

์•ˆ๋…•ํ•˜์„ธ์š”
๋ฆฌ์ด์˜ค์ž…๋‹ˆ๋‹ค.

7,062

๋ช…

์ˆ˜๊ฐ•์ƒ

175

๊ฐœ

์ˆ˜๊ฐ•ํ‰

3

๊ฐœ

๋‹ต๋ณ€

4.9

์ 

๊ฐ•์˜ ํ‰์ 

11

๊ฐœ

๊ฐ•์˜

์•ˆ๋…•ํ•˜์„ธ์š” ํฌํ•ญ์—์„œ ๊ฐœ๋ฐœ์„ ๋‚š๊ณ ์žˆ๋Š” ๋ฆฌ์ด์˜ค ์ž…๋‹ˆ๋‹ค.

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

10๊ฐœ โˆ™ (2์‹œ๊ฐ„ 4๋ถ„)

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์•„์ง ์ถฉ๋ถ„ํ•œ ํ‰๊ฐ€๋ฅผ ๋ฐ›์ง€ ๋ชปํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.
๋ชจ๋‘์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ์ˆ˜๊ฐ•ํ‰์˜ ์ฃผ์ธ๊ณต์ด ๋˜์–ด์ฃผ์„ธ์š”!

๋ฌด๋ฃŒ