2023๋…„ 5์›” 29์ผยท1๋ถ„ ์ฝ๊ธฐ

JetBrains Compose ๋ฉ€ํ‹ฐํ”Œ๋žซํผ, ์•ŒํŒŒ ๋ฆด๋ฆฌ์Šค๋กœ iOS ์ง€์› ํ™•์žฅ

JetBrains Compose Multiplatform์€ iOS์šฉ ์•ŒํŒŒ ๋ฒ„์ „์— ๋„๋‹ฌํ•˜์—ฌ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ๋ชจ๋“  ์ฃผ์š” ํ”Œ๋žซํผ์—์„œ ๋™์ผํ•œ API๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. Google Jetpack Compose๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š” ์ด ๋„๊ตฌ ํ‚คํŠธ๋Š” Material ๋ฐ Material 3 ์œ„์ ฏ์„ ์ œ๊ณตํ•˜๋ฉฐ Skiko ๊ทธ๋ž˜ํ”ฝ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ†ตํ•ด ๊ธฐ๋Šฅ์„ iOS๋กœ ํ™•์žฅํ•ฉ๋‹ˆ๋‹ค.

JetBrains Compose ๋ฉ€ํ‹ฐํ”Œ๋žซํผ, ์•ŒํŒŒ ๋ฆด๋ฆฌ์Šค๋กœ iOS ์ง€์› ํ™•์žฅ

์ธ๊ธฐ ์žˆ๋Š” ๊ฐœ๋ฐœ ๋„๊ตฌ์˜ ์ œ์ž‘์ž์ธ JetBrains๋Š” iOS์šฉ Compose Multiplatform์˜ ์•ŒํŒŒ ๋ฆด๋ฆฌ์Šค๋ฅผ ๋ฐœํ‘œํ•˜์—ฌ Google Jetpack Compose ์— ๊ตฌ์ถ•๋œ ๋‹ค์ค‘ ํ”Œ๋žซํผ ์„ ์–ธ์  UI ํˆดํ‚ท์˜ ์ง€์›์„ ํ™•์žฅํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฏธ Android, Windows, Linux, macOS ๋ฐ ์›น๊ณผ์˜ ํ˜ธํ™˜์„ฑ์„ ์ œ๊ณตํ•˜๋Š” Compose Multiplatform์€ ์ด์ œ iOS๋ฅผ ์ˆ˜์šฉํ•˜์—ฌ ๋ชจ๋“  ์ฃผ์š” ์šด์˜ ์ฒด์ œ๋ฅผ ํฌ๊ด„ํ•ฉ๋‹ˆ๋‹ค.

์ง€์›๋˜๋Š” ๋ชจ๋“  ํ”Œ๋žซํผ์—์„œ ๋™์ผํ•œ API๋ฅผ ์ œ๊ณตํ•จ์œผ๋กœ์จ Compose Multiplatform์€ Jetpack Compose API๋ฅผ ๋ณต์ œํ•˜์—ฌ ์•ฑ ๊ฐœ๋ฐœ์„ ๊ฐ„์†Œํ™”ํ•ฉ๋‹ˆ๋‹ค. ์ตœ์‹  Android ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด Jetpack Compose ์‚ฌ์šฉํ•œ ๊ฒฝํ—˜์ด ์žˆ๋Š” ๊ฐœ๋ฐœ์ž๋Š” ์ด์ œ ํ•ด๋‹น ๊ธฐ์ˆ ์„ ์ ์šฉํ•˜์—ฌ iOS ์ด์ƒ์„ ๋Œ€์ƒ์œผ๋กœ ํ•˜๋Š” Compose ๋ฉ€ํ‹ฐํ”Œ๋žซํผ์„ ํ†ตํ•ด ๊ณต์œ  UI๋ฅผ ๋นŒ๋“œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Compose Multiplatform์—๋Š” ์ƒํƒœ ๊ด€๋ฆฌ, ๋ ˆ์ด์•„์›ƒ ๊ตฌ์„ฑ ๋ฐ ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ์ด ํˆดํ‚ท์€ ๋ฆฌ์†Œ์Šค ๋กœ๋”ฉ๊ณผ ๊ฐ™์€ OS ์ข…์† ๊ธฐ๋Šฅ์„ ์ˆ˜์šฉํ•˜๊ณ  ๋” ๋†’์€ ์ˆ˜์ค€์˜ ์ถ”์ƒํ™”๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด์‹์„ฑ์„ ๊ทน๋Œ€ํ™”ํ•ฉ๋‹ˆ๋‹ค. Kotlin์šฉ Skia๋กœ ์•Œ๋ ค์ง„ Skiko ๊ทธ๋ž˜ํ”ฝ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ํ™œ์šฉํ•˜๋Š” Compose Multiplatform์€ iOS์—์„œ ์บ”๋ฒ„์Šค ๊ธฐ๋ฐ˜ ๋ Œ๋”๋ง์„ ํ™œ์šฉํ•ฉ๋‹ˆ๋‹ค. Skiko๋Š” Google์ด Chrome, ChromeOS ๋ฐ Flutter ์ œํ’ˆ์— ์‚ฌ์šฉํ•˜๋Š” Skia๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•ฉ๋‹ˆ๋‹ค.

Flutter์™€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์ด ์ ‘๊ทผ ๋ฐฉ์‹์€ Compose ๋‹ค์ค‘ ํ”Œ๋žซํผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋Œ€ํ•ด ์ง€์›๋˜๋Š” ๋ชจ๋“  ํ”Œ๋žซํผ์—์„œ ์ผ๊ด€๋œ ๋ชจ์–‘๊ณผ ๋А๋‚Œ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. Flutter์™€ ๋‹ฌ๋ฆฌ ํˆดํ‚ท์—๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ Material ๋ฐ Material 3 ์œ„์ ฏ์ด ํฌํ•จ๋˜์–ด ์žˆ์–ด ํ‘œ์ค€ Android ๋””์ž์ธ๊ณผ ์œ ์‚ฌํ•œ ์•ฑ์ด ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. Material์€ ํ˜„์žฌ iOS์—์„œ ์ง€์›๋˜๋Š” ์œ ์ผํ•œ ์œ„์ ฏ ๋ชจ์–‘๊ณผ ๋А๋‚Œ์ด์ง€๋งŒ JetBrains๋Š” ํ–ฅํ›„ ๋„ค์ดํ‹ฐ๋ธŒ ์œ„์ ฏ ๋ชจ์–‘๊ณผ ๋А๋‚Œ์ด ๊ตฌํ˜„๋ ์ง€ ์—ฌ๋ถ€๋ฅผ ํ™•์ธํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

ํ”Œ๋žซํผ ๊ฐ„ ์•ฑ ๊ฐœ๋ฐœ์˜ ์ค‘์š”ํ•œ ์ธก๋ฉด์ธ OS SDK์™€์˜ ์ƒํ˜ธ ์šด์šฉ์„ฑ์„ ํ•ด๊ฒฐํ•˜๋Š” Compose Multiplatform for iOS๋Š” UIKit ์œ„์— ์–‘๋ฐฉํ–ฅ ์ƒํ˜ธ ์šด์šฉ์„ฑ ๊ณ„์ธต์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—๋Š” UIKitView ๋ฐ ComposeUIViewController๋ผ๋Š” ๋‘ ๊ฐ€์ง€ ๊ธฐ๋ณธ ํด๋ž˜์Šค๊ฐ€ ํฌํ•จ๋ฉ๋‹ˆ๋‹ค. UIKitView๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐœ๋ฐœ์ž๋Š” ์ง€๋„, ์›น ๋ณด๊ธฐ, ๋ฏธ๋””์–ด ํ”Œ๋ ˆ์ด์–ด ๋˜๋Š” ์นด๋ฉ”๋ผ ํ”ผ๋“œ์™€ ๊ฐ™์€ ํ”Œ๋žซํผ๋ณ„ ์œ„์ ฏ์„ Compose UI์— ํฌํ•จํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐ˜๋ฉด์— ComposeUIViewController๋Š” UIKit ๋ฐ SwiftUI ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— Compose ํ™”๋ฉด์„ ์‚ฝ์ž…ํ•˜๋Š” ๋ฐ ํ™œ์šฉ๋˜์–ด ๊ธฐ์กด ์•ฑ์„ Compose ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์œผ๋กœ ์ ์ง„์ ์œผ๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.

no-code ๋ฐ low-code ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์ด ๊ณ„์† ํ™•์žฅ๋จ์— ๋”ฐ๋ผ Compose Multiplatform๊ณผ ๊ฐ™์€ ๋„๊ตฌ๋Š” AppMaster ์™€ ๊ฐ™์€ ํ”Œ๋žซํผ๊ณผ ํ•จ๊ป˜ ์ „ ์„ธ๊ณ„ ๊ฐœ๋ฐœ์ž๊ฐ€ ์•ฑ ๊ฐœ๋ฐœ์— ๋” ์‰ฝ๊ฒŒ ์ ‘๊ทผํ•˜๊ณ  ํšจ์œจ์ ์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. 2022๋…„ no-code ๋ฐ low-code ์•ฑ ๊ฐœ๋ฐœ์— ๋Œ€ํ•œ ํฌ๊ด„์ ์ธ ๊ฐ€์ด๋“œ๋ฅผ ๋ณด๋ ค๋ฉด ์—ฌ๊ธฐ๋ฅผ ํด๋ฆญํ•˜์„ธ์š”.

Easy to start
Create something amazing

Experiment with AppMaster with free plan.
When you will be ready you can choose the proper subscription.

Get Started
JetBrains Compose ๋ฉ€ํ‹ฐํ”Œ๋žซํผ, ์•ŒํŒŒ ๋ฆด๋ฆฌ์Šค๋กœ iOS ์ง€์› ํ™•์žฅ | AppMaster