\ucd5c\uadfc \uba87 \ub144 \ub3d9\uc548, \uc560\ud50c\uc758 SwiftUI\ub294 iOS \uc571 \uac1c\ubc1c\uc758 \ud328\ub7ec\ub2e4\uc784\uc744 \ubc14\uafb8\uace0 \uc788\ub294 \ud601\uc2e0\uc801\uc778 \ud504\ub808\uc784\uc6cc\ud06c\ub85c \uc790\ub9ac\uc7a1\uc558\uc2b5\ub2c8\ub2e4. SwiftUI\ub294 \uc120\uc5b8\uc801 \ud504\ub85c\uadf8\ub798\ubc0d \ubc29\uc2dd\uc744 \uc0ac\uc6a9\ud558\uc5ec \uac1c\ubc1c\uc790\ub4e4\uc774 UI\ub97c \uad6c\uc131\ud560 \ub54c, \ub354\uc6b1 \uc9c1\uad00\uc801\uc774\uace0 \uac04\uacb0\ud558\uac8c \uc811\uadfc\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4. \uc774\ubc88 \uac15\uc88c\uc5d0\uc11c\ub294 SwiftUI\ub97c \uc0ac\uc6a9\ud558\uc5ec iPhone \uc571\uc5d0\uc11c \ub9f5 \ubdf0\ub97c \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4. \uc774 \uac15\uc88c\ub294 \ucd08\ubcf4\uc790\uc640 \uc911\uae09\uc790 \ubaa8\ub450\uc5d0\uac8c \uc720\uc6a9\ud55c \ub0b4\uc6a9\uc744 \ub2f4\uace0 \uc788\uc744 \uac83\uc785\ub2c8\ub2e4.<\/p>\n
\ub9f5 \ubdf0\ub294 \uc560\ud50c\uc774 \uc81c\uacf5\ud558\ub294 MapKit \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc9c0\ub3c4\ub97c \uc571\uc5d0 \ud1b5\ud569\ud560 \uc218 \uc788\ub294 \uac15\ub825\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\ub294 \ub9f5 \ubdf0\ub97c \ud1b5\ud574 \ud2b9\uc815 \uc704\uce58\ub97c \ud45c\uc2dc\ud558\uac70\ub098, \uacbd\ub85c\ub97c \uadf8\ub9ac\uac70\ub098, \ub2e4\uc591\ud55c \uc7a5\uc18c\uc758 \uc815\ubcf4\ub97c \uc81c\uacf5\ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub9f5 \ubdf0\ub294 GPS\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790\uc758 \ud604\uc7ac \uc704\uce58\ub97c \uc2e4\uc2dc\uac04\uc73c\ub85c \ucd94\uc801\ud560 \uc218 \uc788\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\uba70, \uc774\ub97c \ud1b5\ud574 \uc5ec\ub7ec \uc7a5\uc18c\ub97c \ubc29\ubb38\ud558\uac70\ub098 \ud2b9\uc815 \uc704\uce58\uc5d0 \ub300\ud55c \uc815\ubcf4\ub97c \ucc3e\ub294 \ub4f1\uc758 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
SwiftUI\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub9f5 \ubdf0\ub97c \uad6c\ud604\ud558\uae30 \uc704\ud574\uc11c\ub294 \uc6b0\uc120 Xcode\uc5d0\uc11c \uc0c8\ub85c\uc6b4 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud574\uc57c \ud569\ub2c8\ub2e4. Xcode\ub294 iOS \uac1c\ubc1c\uc5d0 \ud544\uc694\ud55c \uc5ec\ub7ec \ub3c4\uad6c\uc640 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \uc81c\uacf5\ud558\ub294 \uc560\ud50c\uc758 \uacf5\uc2dd IDE\uc785\ub2c8\ub2e4.<\/p>\n
SwiftUI\uc5d0\uc11c \ub9f5 \ubdf0\ub97c \uad6c\ud604\ud558\uae30 \uc704\ud574\uc11c\ub294 \uc704 \ucf54\ub4dc\uc5d0\uc11c \uc911\uc694\ud55c \uc694\uc18c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n SwiftUI\uc758 \uc704\uce58 \ub9c8\ucee4\ub97c \ucd94\uac00\ud558\ub824\uba74 \uc0ac\uc6a9\uc790 \uc704\uce58\ub97c \ucd94\uc801\ud558\ub824\uba74 SwiftUI \ubc0f MapKit\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc571\uc5d0 \ub2e4\uc591\ud55c \uace0\uae09 \uae30\ub2a5\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4:<\/p>\n \uacbd\ub85c\ub97c \uadf8\ub9ac\uae30 \uc704\ud574\uc11c\ub294 \uae30\uc874 \uc704\uce58 \uc815\ubcf4\ub97c \uc0ac\uc6a9\ud558\uc5ec \uacbd\ub85c\ub97c \uacc4\uc0b0\ud560 \ud544\uc694\uac00 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c \ucf54\ub4dc\ub294 \uacf5\uacf5 API\ub97c \uc0ac\uc6a9\ud558\uc5ec \uacbd\ub85c\ub97c \uac00\uc838\uc624\ub294 \uc608\uc785\ub2c8\ub2e4.<\/p>\n \uac1c\ubc1c\uc774 \ub05d\ub09c \ud6c4, \uc571\uc744 \uc2e4\uc81c \ub514\ubc14\uc774\uc2a4\uc5d0\uc11c \ud14c\uc2a4\ud2b8\ud558\uc5ec \uc131\ub2a5\uc774\ub098 \ubc84\uadf8\ub97c \ucd5c\uc801\ud654\ud558\ub294 \uacfc\uc815\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \uc544\uc774\ud3f0\uc758 \ub2e4\uc591\ud55c \ud654\uba74 \ud06c\uae30\uc5d0\uc11c \uc571\uc774 \uc798 \uc791\ub3d9\ud558\ub294\uc9c0 \ud655\uc778\ud574\uc57c \ud558\uba70, \uc2e4\uc0ac\uc6a9\uc790\uc5d0\uac8c \ud53c\ub4dc\ubc31\uc744 \ubc1b\uc544 UI\/UX\ub97c \uac1c\uc120\ud560 \uc218 \uc788\ub294 \uae30\ud68c\ub97c \uac00\uc838\uc57c \ud569\ub2c8\ub2e4.<\/p>\n \uc774\ubc88 \uac15\uc88c\uc5d0\uc11c\ub294 SwiftUI\ub97c \ud1b5\ud574 \uac04\ub2e8\ud55c \ub9f5 \ubdf0\ub97c \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \ub9f5 \ubdf0\ub97c \ud1b5\ud574 \uc704\uce58 \uae30\ubc18 \uc11c\ube44\uc2a4\ub97c \ud1b5\ud569\ud558\uba74 \uc0ac\uc6a9\uc790\uc758 \uacbd\ud5d8\uc744 \ub354\uc6b1 \ud48d\ubd80\ud558\uac8c \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uac15\uc88c\ub97c \ubc14\ud0d5\uc73c\ub85c \ub354 \ub9ce\uc740 \uace0\uae09 \uae30\ub2a5\ub4e4\uc744 \ucd94\uac00\ud558\uace0 \ub098\ub9cc\uc758 \uba4b\uc9c4 \uc571\uc744 \ub9cc\ub4e4\uc5b4\ubcf4\uc138\uc694. SwiftUI\ub85c \uc571\uc744 \uac1c\ubc1c\ud558\ub294 \uac83\uc740 \ub9ce\uc740 \uac00\ub2a5\uc131\uc744 \uc81c\uacf5\ud558\uba70, \uc9c0\uc18d\uc801\uc73c\ub85c \ubc1c\uc804\ud574 \ub098\uac08 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\nMap<\/code> \uad6c\uc870\uccb4\ub97c \uc0ac\uc6a9\ud574\uc57c \ud569\ub2c8\ub2e4. \uc774 \uad6c\uc870\uccb4\ub294 MapKit\uc744 \ud65c\uc6a9\ud558\uc5ec \uae30\ubcf8\uc801\uc778 \ub9f5 \ubdf0\ub97c \uc0dd\uc131\ud574 \uc90d\ub2c8\ub2e4. \uc544\ub798\uc758 \ucf54\ub4dc\ub294 SwiftUI\uc758 \ub9f5 \ubdf0\ub97c \uac04\ub2e8\ud558\uac8c \uc0ac\uc6a9\ud558\ub294 \uc608\uc81c\uc785\ub2c8\ub2e4.<\/p>\nimport SwiftUI\nimport MapKit\n\nstruct ContentView: View {\n @State private var region = MKCoordinateRegion(\n center: CLLocationCoordinate2D(latitude: 37.7749, longitude: -122.4194), \/\/ \uc0cc\ud504\ub780\uc2dc\uc2a4\ucf54 \uc88c\ud45c\n span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05)\n )\n\n var body: some View {\n Map(coordinateRegion: $region)\n .edgesIgnoringSafeArea(.all)\n }\n}\n\nstruct ContentView_Previews: PreviewProvider {\n static var previews: some View {\n ContentView()\n }\n}<\/code><\/pre>\n3.1 \ucf54\ub4dc \uc124\uba85<\/h3>\n
\n
coordinateRegion<\/code> \ud30c\ub77c\ubbf8\ud130\ub97c \uc0ac\uc6a9\ud558\uc5ec \ubcf4\uc5ec\uc904 \uc9c0\uc5ed\uc744 \uc124\uc815\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n3.2 \ub9f5 \ubdf0\uc758 \uc18d\uc131<\/h3>\n
Map<\/code> \ubdf0\ub294 \uc5ec\ub7ec \uc18d\uc131\uc744 \ucd94\uac00\ud558\uc5ec \uac1c\uc120\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc0ac\uc6a9\uc790 \uc544\uc774\ucf58 \uc704\uce58\ub97c \ud45c\uc2dc\ud558\uac70\ub098, \ud2b9\uc815 \ub9c8\ucee4\ub97c \ucd94\uac00\ud558\uac8c \ub420 \uac83\uc785\ub2c8\ub2e4.<\/p>\n3.2.1 \uc704\uce58 \ub9c8\ucee4 \ucd94\uac00\ud558\uae30<\/h4>\n
Annotation<\/code>\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud2b9\uc815 \uc88c\ud45c\uc5d0 \ub9c8\ucee4\ub97c \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\ub294 \ub9c8\ucee4\ub97c \ucd94\uac00\ud558\ub294 \ubc29\ubc95\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.<\/p>\nimport SwiftUI\nimport MapKit\n\nstruct ContentView: View {\n @State private var region = MKCoordinateRegion(\n center: CLLocationCoordinate2D(latitude: 37.7749, longitude: -122.4194),\n span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05)\n )\n\n var body: some View {\n Map(coordinateRegion: $region, annotationItems: locations) { location in\n MapPin(coordinate: location.coordinate, tint: .blue)\n }\n .edgesIgnoringSafeArea(.all)\n }\n\n let locations = [\n Location(title: \"\uc0cc\ud504\ub780\uc2dc\uc2a4\ucf54\", coordinate: CLLocationCoordinate2D(latitude: 37.7749, longitude: -122.4194)),\n Location(title: \"\ub85c\uc2a4\uc564\uc824\ub808\uc2a4\", coordinate: CLLocationCoordinate2D(latitude: 34.0522, longitude: -118.2437))\n ]\n}\n\nstruct Location: Identifiable {\n var id = UUID()\n var title: String\n var coordinate: CLLocationCoordinate2D\n}\n\nstruct ContentView_Previews: PreviewProvider {\n static var previews: some View {\n ContentView()\n }\n}<\/code><\/pre>\n3.2.2 \uc0ac\uc6a9\uc790 \uc704\uce58 \ucd94\uc801\ud558\uae30<\/h4>\n
CoreLocation<\/code> \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798 \ucf54\ub4dc\uc5d0\uc11c\ub294 \uc0ac\uc6a9\uc790\uc758 \uc704\uce58\ub97c \ucd94\uc801\ud558\ub294 \uc608\ub97c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.<\/p>\nimport SwiftUI\nimport MapKit\nimport CoreLocation\n\nclass LocationManager: NSObject, ObservableObject, CLLocationManagerDelegate {\n @Published var location: CLLocation? \/\/ \ud604\uc7ac \uc704\uce58\n private var locationManager = CLLocationManager()\n \n override init() {\n super.init()\n self.locationManager.delegate = self\n self.locationManager.requestWhenInUseAuthorization() \/\/ \uc704\uce58 \uad8c\ud55c \uc694\uccad\n self.locationManager.startUpdatingLocation() \/\/ \uc704\uce58 \uc5c5\ub370\uc774\ud2b8 \uc2dc\uc791\n }\n \n func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {\n self.location = locations.last\n }\n}\n\nstruct ContentView: View {\n @State private var region = MKCoordinateRegion(\n center: CLLocationCoordinate2D(latitude: 37.7749, longitude: -122.4194),\n span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05)\n )\n \n @ObservedObject var locationManager = LocationManager() \/\/ \uc704\uce58 \ub9e4\ub2c8\uc800 \uc778\uc2a4\ud134\uc2a4\n \n var body: some View {\n Map(coordinateRegion: $region, showsUserLocation: true)\n .onAppear {\n if let location = locationManager.location {\n region.center = location.coordinate \/\/ \uc0ac\uc6a9\uc790 \uc704\uce58\ub85c \ub9f5 \uc911\uc2ec \ubcc0\uacbd\n }\n }\n .edgesIgnoringSafeArea(.all)\n }\n}\n<\/code><\/pre>\n4. \uace0\uae09 \uae30\ub2a5 \ucd94\uac00\ud558\uae30<\/h2>\n
\n
4.1 \uacbd\ub85c \uadf8\ub9ac\uae30<\/h3>\n
import SwiftUI\nimport MapKit\n\nstruct ContentView: View {\n @State private var region = MKCoordinateRegion(\n center: CLLocationCoordinate2D(latitude: 37.7749, longitude: -122.4194),\n span: MKCoordinateSpan(latitudeDelta: 0.05, longitudeDelta: 0.05)\n )\n \n var body: some View {\n Map(coordinateRegion: $region)\n .overlay(\n Path { path in\n \/\/ \uacbd\ub85c\ub97c \uadf8\ub9ac\ub294 \ucf54\ub4dc\n }\n .stroke(Color.red, lineWidth: 5)\n )\n .edgesIgnoringSafeArea(.all)\n }\n}<\/code><\/pre>\n5. \ucd5c\uc801\ud654 \ubc0f \ud14c\uc2a4\ud305<\/h2>\n
6. \uacb0\ub860<\/h2>\n
\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38 (FAQ)<\/h2>\n
\n