{"id":25792,"date":"2024-10-27T05:48:52","date_gmt":"2024-10-27T05:48:52","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=25792"},"modified":"2024-11-26T07:56:55","modified_gmt":"2024-11-26T07:56:55","slug":"%ec%8a%a4%ec%9c%84%ed%94%84%ed%8a%b8%eb%a1%9c-swiftui-%eb%b0%a9%ec%8b%9d%ec%9d%84-%ec%9d%b4%ec%9a%a9%ed%95%9c-%ec%95%84%ec%9d%b4%ed%8f%b0-%ec%95%b1-%ea%b0%9c%eb%b0%9c-10-%ed%83%ad-%eb%b0%94-%ec%bb%a8","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/25792\/","title":{"rendered":"\uc2a4\uc704\ud504\ud2b8\ub85c SwiftUI \ubc29\uc2dd\uc744 \uc774\uc6a9\ud55c \uc544\uc774\ud3f0 \uc571 \uac1c\ubc1c: 10 \ud0ed \ubc14 \ucee8\ud2b8\ub864\ub7ec \uc0ac\uc6a9\ud558\uae30"},"content":{"rendered":"

<\/p>\n

\ucd5c\uadfc \uba87 \ub144 \uac04 \ubaa8\ubc14\uc77c \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc758 \uc138\uacc4\ub294 \uae09\uaca9\ud788 \ubcc0\ud654\ud574 \uc654\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 Apple\uc758 SwiftUI \ud504\ub808\uc784\uc6cc\ud06c\ub294 \ub9c8\uc6b0\uc2a4\uc640 \ud0a4\ubcf4\ub4dc\uc5d0\uc11c \ubc97\uc5b4\ub09c \uc0c8\ub85c\uc6b4 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uc791\uc131 \ubc29\uc2dd\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 SwiftUI\ub97c \ud65c\uc6a9\ud558\uc5ec 10\uac1c\uc758 \ud0ed \ubc14 \ucee8\ud2b8\ub864\ub7ec\ub97c \uad6c\ud604\ud558\uace0, \uac01 \ud0ed\uc5d0 \ub2e4\uc591\ud55c \ubdf0\ub97c \ubc30\uce58\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n

SwiftUI\ub780 \ubb34\uc5c7\uc778\uac00?<\/h2>\n

SwiftUI\ub294 Apple\uc774 \ubc1c\ud45c\ud55c \ucd5c\uc2e0 UI \ud504\ub808\uc784\uc6cc\ud06c\ub85c, \uc120\uc5b8\ud615 \ud504\ub85c\uadf8\ub798\ubc0d \uc2a4\ud0c0\uc77c\uc744 \ub3c4\uc785\ud558\uc5ec UI\ub97c \uac1c\ubc1c\ud558\ub294 \ubc29\uc2dd\uc744 \ud601\uc2e0\uc801\uc73c\ub85c \ubcc0\ud654\uc2dc\ucf30\uc2b5\ub2c8\ub2e4. SwiftUI\ub97c \uc0ac\uc6a9\ud558\uba74 UI \uc694\uc18c\ub4e4\uc744 \ucf54\ub4dc\ub85c \uc815\uc758\ud558\uace0, UI\uc758 \uc0c1\ud0dc\uc5d0 \ub530\ub77c \uc790\ub3d9\uc73c\ub85c \uc5c5\ub370\uc774\ud2b8\ub429\ub2c8\ub2e4. \uc774\ub294 \uac1c\ubc1c\uc790\uac00 \ub354 \ub290\ub9ac\uac8c \ubcc0\ud654\ud558\ub294 UI\uc758 \ubcf5\uc7a1\uc131\uc744 \uad00\ub9ac\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4.<\/p>\n

\ud0ed \ubc14 \ucee8\ud2b8\ub864\ub7ec\ub780?<\/h2>\n

\ud0ed \ubc14 \ucee8\ud2b8\ub864\ub7ec\ub294 \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc5ec\ub7ec \uac1c\uc758 \ubdf0\ub97c \uc81c\uacf5\ud558\ub294 \uc77c\ubc18\uc801\uc778 \ubc29\ubc95 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. \uc77c\ubc18\uc801\uc73c\ub85c \ud558\ub2e8\uc5d0 \uc704\uce58\ud558\uc5ec \uc0ac\uc6a9\uc790\uac00 \ub2e4\ub978 \ud654\uba74\uc73c\ub85c \uc190\uc27d\uac8c \uc804\ud658\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4. SwiftUI\uc5d0\uc11c\ub294 TabView<\/code>\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc774 \uae30\ub2a5\uc744 \uc27d\uac8c \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\ud504\ub85c\uc81d\ud2b8 \uc124\uc815<\/h2>\n

\uc544\uc774\ud3f0\uc6a9 SwiftUI \ud504\ub85c\uc81d\ud2b8\ub97c \ub9cc\ub4e4\uae30 \uc704\ud574 Xcode\ub97c \uc2e4\ud589\ud558\uace0 \uc0c8\ub85c\uc6b4 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. \ud15c\ud50c\ub9bf\uc73c\ub85c\ub294 “App”\uc744 \uc120\ud0dd\ud558\uace0, SwiftUI\ub97c \ud504\ub808\uc784\uc6cc\ud06c\ub85c \uc120\ud0dd\ud569\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud55c \ud6c4, \uae30\ubcf8\uc801\uc778 \uc571 \uad6c\uc870\ub97c \uc124\uc815\ud569\ub2c8\ub2e4.<\/p>\n

\ucd94\uac00 \ub77c\uc774\ube0c\ub7ec\ub9ac \uc124\uce58<\/h3>\n

\uc6f9 API\uc640\uc758 \ud1b5\uc2e0, \ub370\uc774\ud130 \uad00\ub9ac\ub97c \uc704\ud574 Combine \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc0ac\uc6a9\ud560 \uc608\uc815\uc785\ub2c8\ub2e4. \uc774\uc678\uc5d0\ub3c4 \ud544\uc694\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c CocoaPods \ub610\ub294 Swift Package Manager\ub97c \ud1b5\ud574 \uc124\uce58\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/p>\n

\ud0ed \ubc14 \ucee8\ud2b8\ub864\ub7ec \uad6c\ud604\ud558\uae30<\/h2>\n

\uc774\uc81c \uae30\ubcf8\uc801\uc778 \uad6c\uc870\ub97c \uc124\uc815\ud55c \ud6c4, TabView<\/code>\ub97c \uc774\uc6a9\ud558\uc5ec \ud0ed \ubc14 \ucee8\ud2b8\ub864\ub7ec\ub97c \uad6c\ud604\ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n

\uae30\ubcf8 \ucf54\ub4dc \uc791\uc131<\/h3>\n
\nstruct ContentView: View {\n    var body: some View {\n        TabView {\n            screen1()\n                .tabItem {\n                    Image(systemName: \"house\")\n                    Text(\"\ud648\")\n                }\n            screen2()\n                .tabItem {\n                    Image(systemName: \"heart.fill\")\n                    Text(\"\uc990\uaca8\ucc3e\uae30\")\n                }\n            screen3()\n                .tabItem {\n                    Image(systemName: \"person.fill\")\n                    Text(\"\ud504\ub85c\ud544\")\n                }\n            screen4()\n                .tabItem {\n                    Image(systemName: \"magnifyingglass\")\n                    Text(\"\uac80\uc0c9\")\n                }\n            screen5()\n                .tabItem {\n                    Image(systemName: \"gear\")\n                    Text(\"\uc124\uc815\")\n                }\n            screen6()\n                .tabItem {\n                    Image(systemName: \"bell.fill\")\n                    Text(\"\uc54c\ub9bc\")\n                }\n            screen7()\n                .tabItem {\n                    Image(systemName: \"cart\")\n                    Text(\"\uc7a5\ubc14\uad6c\ub2c8\")\n                }\n            screen8()\n                .tabItem {\n                    Image(systemName: \"star\")\n                    Text(\"\ud3c9\uac00\")\n                }\n            screen9()\n                .tabItem {\n                    Image(systemName: \"message\")\n                    Text(\"\uba54\uc2dc\uc9c0\")\n                }\n            screen10()\n                .tabItem {\n                    Image(systemName: \"info\")\n                    Text(\"\uc815\ubcf4\")\n                }\n        }\n    }\n}\n    <\/pre>\n
\uac01 \ud654\uba74 \uad6c\ud604\ud558\uae30<\/h3>\n
\uc704\uc758 \ucf54\ub4dc\uc5d0\uc11c \ud654\uba74\uc740 screen1<\/code>, screen2<\/code> \ub4f1\uc73c\ub85c \uad6c\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uac01 \ud654\uba74\uc740 \ub2e4\uc74c\uacfc \uac19\uc774 \ub300\uccb4\ud558\uc5ec \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\nstruct screen1: View {\n    var body: some View {\n        NavigationView {\n            VStack {\n                Text(\"\ud648 \ud654\uba74\uc785\ub2c8\ub2e4.\")\n                    .font(.largeTitle)\n            }\n        }\n    }\n}\n\n\/\/ \ub098\uba38\uc9c0 \ud654\uba74\ub4e4\ub3c4 \ube44\uc2b7\ud55c \ubc29\uc2dd\uc73c\ub85c \uad6c\ud604\ud569\ub2c8\ub2e4.\n    <\/pre>\n
\uc0c1\ud0dc \uad00\ub9ac<\/h2>\n
SwiftUI\ub294 \uc0c1\ud0dc\ub97c \uc27d\uac8c \uad00\ub9ac\ud560 \uc218 \uc788\ub294 @State<\/code>, @Binding<\/code>, @EnvironmentObject<\/code> \ub4f1\uc758 \ud504\ub85c\ud37c\ud2f0 \ub798\ud37c\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774\ub7ec\ud55c \ud504\ub85c\ud37c\ud2f0 \ub798\ud37c\ub97c \ud65c\uc6a9\ud558\uc5ec \uac01 \ud654\uba74\uc758 \uc0c1\ud0dc\ub97c \ud6a8\uacfc\uc801\uc73c\ub85c \uad00\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
\uc608\uc81c: \uce74\uc6b4\ud130 \uc571<\/h3>\n
\nstruct CounterView: View {\n    @State private var count = 0\n\n    var body: some View {\n        VStack {\n            Text(\"\uce74\uc6b4\ud2b8: \\(count)\")\n                .font(.largeTitle)\n            Button(\"\uc99d\uac00\") {\n                count += 1\n            }\n            .padding()\n        }\n    }\n}\n    <\/pre>\n
\ub514\uc790\uc778 \uace0\ub824\uc0ac\ud56d<\/h2>\n
SwiftUI\ub97c \uc0ac\uc6a9\ud560 \ub54c \ub514\uc790\uc778\uc5d0 \ub300\ud55c \uace0\ub824\uc0ac\ud56d\ub3c4 \uc911\uc694\ud569\ub2c8\ub2e4. \uac01 \ud0ed\uc5d0 \ub300\ud55c \uc544\uc774\ucf58\uacfc \ud14d\uc2a4\ud2b8\ub294 \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc9c1\uad00\uc801\uc73c\ub85c \ub2e4\uac00\uac08 \uc218 \uc788\ub3c4\ub85d \uc2e0\uc911\ud558\uac8c \uc120\ud0dd\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n
\ub9c8\ubb34\ub9ac\ud558\uba70<\/h2>\n
\uc774\ubc88 \uae00\uc5d0\uc11c\ub294 SwiftUI\ub97c \uc0ac\uc6a9\ud574 10\uac1c\uc758 \ud0ed \ubc14 \ucee8\ud2b8\ub864\ub7ec\ub97c \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc54c\uc544\ubcf4\uc558\uc2b5\ub2c8\ub2e4. SwiftUI\uc758 \ud3b8\ub9ac\ud568\uacfc \ud0ed \ubc14 \ucee8\ud2b8\ub864\ub7ec\uc758 \uc720\uc6a9\uc131\uc744 \ud65c\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c \uc544\uc774\ud3f0 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uae30\ubcf8 \uad6c\uc870\ub97c \ubc14\ud0d5\uc73c\ub85c \ubcf4\ub2e4 \ubcf5\uc7a1\ud55c \uae30\ub2a5\ub4e4\uc744 \ucd94\uac00\ud558\uc5ec \uc790\uc2e0\ub9cc\uc758 \uc571\uc744 \ub9cc\ub4e4\uc5b4 \ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n
\ucc38\uace0\uc790\ub8cc<\/h2>\n