\n \ubcf8 \uac15\uc88c\uc5d0\uc11c\ub294 \uc2a4\uc704\ud504\ud2b8(Swift) \uc5b8\uc5b4\uc640 UIKit \ud504\ub808\uc784\uc6cc\ud06c\ub97c \uc0ac\uc6a9\ud558\uc5ec \uac04\ub2e8\ud55c \uc774\ubbf8\uc9c0 \ubdf0\uc5b4 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \ub2e4\ub8f0 \uac83\uc785\ub2c8\ub2e4. \uc774 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc740 \uc0ac\uc6a9\uc790\uac00 \uc120\ud0dd\ud55c \uc774\ubbf8\uc9c0\ub97c \ud654\uba74\uc5d0 \ud45c\uc2dc\ud558\uace0, \uc774\ubbf8\uc9c0\ub97c \ud655\ub300\/\ucd95\uc18c\ud560 \uc218 \uc788\ub294 \uae30\ub2a5\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4. \uc774 \uac15\uc88c\ub294 iOS \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0 \ub300\ud55c \uae30\ucd08 \uc9c0\uc2dd\uc744 \uac16\ucd98 \ubd84\ub4e4\uc744 \uc704\ud55c \uac83\uc785\ub2c8\ub2e4.\n<\/p>\n
\n Xcode\ub97c \uc5f4\uace0, \uc0c8\ub85c\uc6b4 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. File<\/strong> \uba54\ub274\uc5d0\uc11c New<\/strong> > Project<\/strong>\ub97c \uc120\ud0dd\ud558\uc138\uc694. iOS<\/strong> \ud0ed\uc744 \ud074\ub9ad\ud55c \ud6c4, App<\/strong>\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4. \ub2e4\uc74c\uc73c\ub85c, \ud504\ub85c\uc81d\ud2b8 \uc774\ub984\uacfc \uc870\uc9c1 \uc774\ub984\uc744 \uc785\ub825\ud558\uace0, \uc5b8\uc5b4\ub294 Swift<\/strong>, \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub294 Storyboard<\/strong>\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4.\n<\/p>\n \n \ud504\ub85c\uc81d\ud2b8\uac00 \uc0dd\uc131\ub418\uba74, Xcode\uc5d0\uc11c \uc790\ub3d9\uc73c\ub85c \uae30\ubcf8 \ubdf0 \ucee8\ud2b8\ub864\ub7ec\uac00 \uc0dd\uc131\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ubdf0 \ucee8\ud2b8\ub864\ub7ec\ub97c \uae30\ubc18\uc73c\ub85c \uc9c4\ud589\ud558\uaca0\uc2b5\ub2c8\ub2e4.\n<\/p>\n \n \uc774\ubbf8\uc9c0 \ubdf0\uc5b4 \uc571\uc758 \uae30\ubcf8 UI\ub294 \uc774\ubbf8\uc9c0 \ubdf0\uc640 \ubc84\ud2bc\uc73c\ub85c \uc774\ub8e8\uc5b4\uc838 \uc788\uc2b5\ub2c8\ub2e4. Xcode\uc758 Interface Builder\ub97c \uc0ac\uc6a9\ud558\uc5ec UI\ub97c \uad6c\uc131\ud569\ub2c8\ub2e4.\n<\/p>\n \n \uc0ac\uc6a9\uc790\uac00 \uc774\ubbf8\uc9c0\ub97c \uc120\ud0dd\ud560 \uc218 \uc788\ub3c4\ub85d UIImagePickerController<\/strong>\ub97c \ud1b5\ud574 \uc774\ubbf8\uc9c0 \uc120\ud0dd \uae30\ub2a5\uc744 \uad6c\ud604\ud558\uaca0\uc2b5\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574, \ubdf0 \ucee8\ud2b8\ub864\ub7ec\uc5d0 UIImagePickerControllerDelegate<\/strong>\uc640 UINavigationControllerDelegate<\/strong>\ub97c \ucc44\ud0dd\ud574\uc57c \ud569\ub2c8\ub2e4.\n<\/p>\n \n \uc704 \ucf54\ub4dc\ub294 \uc774\ubbf8\uc9c0 \uc120\ud0dd \ubc84\ud2bc\uc744 \ub20c\ub800\uc744 \ub54c \uc774\ubbf8\uc9c0 \ud53c\ucee4\ub97c \uc5ec\ub294 \uae30\ub2a5\uacfc \uc0ac\uc6a9\uc790\uac00 \uc774\ubbf8\uc9c0\ub97c \uc120\ud0dd\ud588\uc744 \ub54c \uadf8 \uc774\ubbf8\uc9c0\ub97c \uc774\ubbf8\uc9c0 \ubdf0\uc5d0 \ud45c\uc2dc\ud558\ub294 \uae30\ub2a5\uc744 \ud3ec\ud568\ud569\ub2c8\ub2e4.\n<\/p>\n \n \uc0ac\uc6a9\uc790\uac00 \uc774\ubbf8\uc9c0\ub97c \uc120\ud0dd\ud55c \ud6c4\uc5d0\ub294 \ud574\ub2f9 \uc774\ubbf8\uc9c0\ub97c \ud655\ub300\/\ucd95\uc18c\ud558\uace0, \uc774\ub3d9\ud560 \uc218 \uc788\uc5b4\uc57c \ud569\ub2c8\ub2e4. \uc774\ub97c \uc704\ud574 UIScrollView<\/strong>\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc774\ubbf8\uc9c0 \ubdf0\ub97c \uac10\uc2f8\uc8fc\ub294 \uad6c\uc870\ub85c \ubcc0\uacbd\ud558\uaca0\uc2b5\ub2c8\ub2e4.\n<\/p>\n \n \uc704 \ucf54\ub4dc\uc5d0\uc11c UIScrollView\uc758 \ucf58\ud150\uce20 \ud06c\uae30\ub97c \uc774\ubbf8\uc9c0 \ubdf0\uc758 \ud06c\uae30\ub85c \uc124\uc815\ud558\uc5ec \uc0ac\uc6a9\uc790\uac00 \uc774\ubbf8\uc9c0\ub97c \ud655\ub300\ud558\uace0 \uc774\ub3d9\ud560 \uc218 \uc788\uac8c \ud569\ub2c8\ub2e4.\n<\/p>\n \n \uc0ac\uc6a9\uc790\uac00 \uc774\ubbf8\uc9c0\ub97c \ud655\ub300\/\ucd95\uc18c\ud560 \uc218 \uc788\ub3c4\ub85d UIPinchGestureRecognizer<\/strong>\ub97c \ucd94\uac00\ud558\uaca0\uc2b5\ub2c8\ub2e4.\n<\/p>\n \n \uc774\uc81c \uc0ac\uc6a9\uc790\ub294 \ub450 \uc190\uac00\ub77d\uc73c\ub85c \uc774\ubbf8\uc9c0\ub97c \ud655\ub300\ud558\uac70\ub098 \ucd95\uc18c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc9c1\uad00\uc801\uc778 \uc774\ubbf8\uc9c0 \ud0d0\uc0c9 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\n<\/p>\n \n \uc774\uc81c \uae30\ubcf8\uc801\uc778 \uc774\ubbf8\uc9c0 \ubdf0\uc5b4 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc774 \uc644\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774 \uc571\uc740 \uc774\ubbf8\uc9c0 \uc120\ud0dd, \ud655\ub300\/\ucd95\uc18c, \uc774\ub3d9 \uae30\ub2a5\uc744 \uac16\ucd94\uace0 \uc788\uc73c\uba70, \uae30\ubcf8\uc801\uc778 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\n<\/p>\n \n \uc774\ubc88 \uac15\uc88c\uc5d0\uc11c\ub294 \uc2a4\uc704\ud504\ud2b8\uc640 UIKit\uc744 \uc0ac\uc6a9\ud558\uc5ec \uac04\ub2e8\ud55c \uc774\ubbf8\uc9c0 \ubdf0\uc5b4 \uc571\uc744 \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4. \uc55e\uc73c\ub85c\ub294 \ub354 \ubcf5\uc7a1\ud55c \uae30\ub2a5\uc744 \ucd94\uac00\ud558\uac70\ub098 \ub2e4\ub978 \uc694\uc18c\ub4e4\uc744 \ud65c\uc6a9\ud558\uc5ec \uc571\uc744 \ubc1c\uc804\uc2dc\ud0a4\ub294 \ub370 \ub3c4\uc804\ud574 \ubcf4\uc138\uc694. iOS \uac1c\ubc1c\uc758 \ub9e4\ub825\uc740 \ubb34\uad81\ubb34\uc9c4\ud558\ub2c8 \uc5ec\ub7ec\ubd84\uc758 \ucc3d\uc758\uc131\uc744 \ud3bc\uccd0\ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4!\n<\/p>\n \n \uac10\uc0ac\ud569\ub2c8\ub2e4.\n<\/p>\n <\/body><\/p>\n","protected":false},"excerpt":{"rendered":"\ud504\ub85c\uc81d\ud2b8 \uc124\uc815\uac12<\/h3>\n
\n
2. \uae30\ubcf8 UI \uad6c\uc131\ud558\uae30<\/h2>\n
UI \uc694\uc18c \ucd94\uac00\ud558\uae30<\/h3>\n
\n
Auto Layout \uc124\uc815\ud558\uae30<\/h3>\n
\nimageView.translatesAutoresizingMaskIntoConstraints = false\nimageView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true\nimageView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true\nimageView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true\nimageView.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 0.8).isActive = true\n\nselectButton.translatesAutoresizingMaskIntoConstraints = false\nselectButton.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20).isActive = true\nselectButton.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20).isActive = true\n\ncloseButton.translatesAutoresizingMaskIntoConstraints = false\ncloseButton.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20).isActive = true\ncloseButton.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20).isActive = true\n<\/code><\/pre>\n3. \uc774\ubbf8\uc9c0 \uc120\ud0dd \uae30\ub2a5 \uad6c\ud604\ud558\uae30<\/h2>\n
UIImagePickerController \uc124\uc815\ud558\uae30<\/h3>\n
\nclass ViewController: UIViewController, UIImagePickerControllerDelegate, UINavigationControllerDelegate {\n @IBOutlet weak var imageView: UIImageView!\n\n override func viewDidLoad() {\n super.viewDidLoad()\n }\n\n @IBAction func selectImage(_ sender: UIButton) {\n let imagePicker = UIImagePickerController()\n imagePicker.delegate = self\n imagePicker.sourceType = .photoLibrary\n present(imagePicker, animated: true, completion: nil)\n }\n\n func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {\n if let selectedImage = info[.originalImage] as? UIImage {\n imageView.image = selectedImage\n }\n dismiss(animated: true, completion: nil)\n }\n}\n<\/code><\/pre>\n4. \uc774\ubbf8\uc9c0 \ubdf0\uc5b4 \uae30\ub2a5 \uad6c\ud604\ud558\uae30<\/h2>\n
UIScrollView \ucd94\uac00\ud558\uae30<\/h3>\n
\n@IBOutlet weak var scrollView: UIScrollView!\n\noverride func viewDidLoad() {\n super.viewDidLoad()\n scrollView.delegate = self\n setupScrollView()\n}\n\nfunc setupScrollView() {\n let imageViewFrame = CGRect(x: 0, y: 0, width: imageView.image?.size.width ?? 0, height: imageView.image?.size.height ?? 0)\n imageView.frame = imageViewFrame\n scrollView.addSubview(imageView)\n scrollView.contentSize = imageView.frame.size\n}\n<\/code><\/pre>\n5. \uc81c\uc2a4\ucc98 \uc778\uc2dd \ucd94\uac00\ud558\uae30<\/h2>\n
\noverride func viewDidLoad() {\n super.viewDidLoad()\n let pinchRecognizer = UIPinchGestureRecognizer(target: self, action: #selector(handlePinch(_:)))\n imageView.addGestureRecognizer(pinchRecognizer)\n imageView.isUserInteractionEnabled = true \/\/ \uc0ac\uc6a9\uc790\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \ud5c8\uc6a9\n}\n\n@objc func handlePinch(_ sender: UIPinchGestureRecognizer) {\n if sender.state == .began || sender.state == .changed {\n imageView.transform = imageView.transform.scaledBy(x: sender.scale, y: sender.scale)\n sender.scale = 1.0\n }\n}\n<\/code><\/pre>\n6. \ub9c8\ubb34\ub9ac \ubc0f \ubc30\ud3ec<\/h2>\n
\ubc30\ud3ec \uc900\ube44<\/h3>\n
\n
\uacb0\ub860<\/h3>\n