\uc544\uc774\ud3f0 \uc571 \uac1c\ubc1c\uc5d0\uc11c \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc740 \uc5ec\ub7ec \ud398\uc774\uc9c0 \ub610\ub294 \ubdf0\ub97c \ud6a8\uacfc\uc801\uc73c\ub85c \ud0d0\uc0c9\ud560 \uc218 \uc788\ub294 \uac00\uc7a5 \uc88b\uc740 \ubc29\ubc95 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\ub294 \uc190\uac00\ub77d\uc73c\ub85c \uc2a4\uc640\uc774\ud504\ud558\uc5ec \uac01 \ud398\uc774\uc9c0\ub97c \ub118\uae38 \uc218 \uc788\uc73c\uba70, \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc740 \ud604\uc7ac \ud398\uc774\uc9c0\uc758 \uc0c1\ud0dc\ub97c \ud45c\uc2dc\ud569\ub2c8\ub2e4. \ubcf8 \uac15\uc88c\uc5d0\uc11c\ub294 \uc2a4\uc704\ud504\ud2b8\uc640 UIKit\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc744 \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc744 \uc790\uc138\ud788 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
UIKit\uc740 \uc560\ud50c\uc758 iOS \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc704\ud55c \uc8fc\uc694 \ud504\ub808\uc784\uc6cc\ud06c\uc785\ub2c8\ub2e4. UIKit\uc744 \uc0ac\uc6a9\ud558\uba74 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\ucd95\ud558\uace0 \uad00\ub9ac\ud558\ub294 \uac83\uc774 \uac04\ud3b8\ud574\uc9d1\ub2c8\ub2e4. Swift\ub294 iOS \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0 \uac00\uc7a5 \ub9ce\uc774 \uc0ac\uc6a9\ub418\ub294 \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4 \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. Swift\ub294 \uc548\uc804\ud558\uace0 \ube60\ub974\uba70, \uac1c\ubc1c\uc790\ub4e4\uc774 \ucf54\ub4dc \uc791\uc131\uc744 \ub354 \uc27d\uac8c \ud558\uae30 \uc704\ud574 \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n
\ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc740 \uc5ec\ub7ec \ud398\uc774\uc9c0 \uac04\uc758 \ud0d0\uc0c9\uc744 \uc27d\uac8c \ud558\ub294 \ubdf0\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\ub294 \ud2b9\uc815 \ud398\uc774\uc9c0\ub97c \uc120\ud0dd\ud560 \uc218 \uc788\uace0, \uac01 \ud398\uc774\uc9c0\ub294 \uc77c\ubc18\uc801\uc73c\ub85c \uc2a4\ud06c\ub864 \uac00\ub2a5\ud558\uac70\ub098 \uce74\ub8e8\uc140 \ud615\uc2dd\uc73c\ub85c \ud45c\uc2dc\ub429\ub2c8\ub2e4. \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc740 \ubcf4\ud1b5 \uc6d0\ud615\uc758 \ub3c4\ud2b8 \ud615\ud0dc\ub85c \ud45c\uc2dc\ub418\uba70, \ud604\uc7ac \ud65c\uc131\ud654\ub41c \ud398\uc774\uc9c0\uac00 \uc5b4\ub5a4 \uac83\uc778\uc9c0 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.<\/p>\n
\ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc744 \uad6c\ud604\ud558\uae30 \uc704\ud574 \uba3c\uc800 UI \uc124\uacc4\ub97c \ud574\uc57c \ud569\ub2c8\ub2e4. \uc774 \uacfc\uc815\uc740 \uc8fc\ub85c Interface Builder\ub97c \ud1b5\ud574 \uc774\ub8e8\uc5b4\uc9c0\uc9c0\ub9cc, \ud504\ub85c\uadf8\ub7a8\uc801\uc73c\ub85c \ubdf0\ub97c \uc0dd\uc131\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c \uc139\uc158\uc5d0\uc11c\ub294 Xcode\uc5d0\uc11c \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc744 \uc124\uc815\ud558\ub294 \ubc29\ubc95\uc744 \uc790\uc138\ud788 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
\n1. Xcode\ub97c \uc5f4\uace0 'Create a new Xcode project'\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4.\n2. 'App' \ud15c\ud50c\ub9bf\uc744 \uc120\ud0dd\ud55c \ud6c4 'Next'\ub97c \ud074\ub9ad\ud569\ub2c8\ub2e4.\n3. \ud504\ub85c\uc81d\ud2b8\uc758 \uc774\ub984\uc744 \uc785\ub825\ud558\uace0 'Swift'\ub97c \ud504\ub85c\uadf8\ub798\ubc0d \uc5b8\uc5b4\ub85c \uc120\ud0dd\ud569\ub2c8\ub2e4.\n4. 'User Interface'\ub294 'Storyboard'\ub85c \uc120\ud0dd\ud55c \ud6c4 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.\n<\/pre>\n3.2. Storyboard\uc5d0\uc11c \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864 \ucd94\uac00\ud558\uae30<\/h3>\n
\uc2a4\ud1a0\ub9ac\ubcf4\ub4dc\uc5d0 \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc744 \ucd94\uac00\ud558\ub824\uba74 \ub2e4\uc74c \ub2e8\uacc4\ub97c \ub530\ub985\ub2c8\ub2e4:<\/p>\n
\n1. Main.storyboard \ud30c\uc77c\uc744 \uc5fd\ub2c8\ub2e4.\n2. Object Library\uc5d0\uc11c 'Page Control'\uc744 \uac80\uc0c9\ud558\uc5ec \ub4dc\ub798\uadf8\ud558\uc5ec View Controller\uc5d0 \ucd94\uac00\ud569\ub2c8\ub2e4.\n3. \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc758 \uc704\uce58\ub97c \uc6d0\ud558\ub294 \uc704\uce58\ub85c \uc870\uc815\ud569\ub2c8\ub2e4.\n4. \ucd94\uac00\ud560 \ud398\uc774\uc9c0 \uc218(\uc608: 3\ud398\uc774\uc9c0)\ub97c \uc124\uc815\ud569\ub2c8\ub2e4. (Attributes inspector\uc5d0\uc11c 'Number of Pages' \uc18d\uc131\uc744 \uc870\uc815)\n<\/pre>\n4. \ubdf0 \ucee8\ud2b8\ub864\ub7ec \uad6c\ud604<\/h2>\n
\uc774\uc81c \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc744 \uc5f0\uacb0\ud558\uace0 \uac01 \ud398\uc774\uc9c0\ub97c \ud45c\uc2dc\ud558\uae30 \uc704\ud574 UIViewController\ub97c \uad6c\ud604\ud560 \ucc28\ub840\uc785\ub2c8\ub2e4. \uac01 \ud398\uc774\uc9c0\ub294 UIScrollView\uc5d0 \ucd94\uac00\ub420 \uac83\uc774\uba70, \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uacfc UIScrollView\ub294 \uc5f0\ub3d9\ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\n
4.1. UIScrollView \uc124\uc815\ud558\uae30<\/h3>\n
\n1. Main.storyboard\uc5d0\uc11c View Controller\ub85c \ub3cc\uc544\uac00 'Scroll View'\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.\n2. Scroll View\uc758 Auto Layout \uc81c\uc57d \uc870\uac74\uc744 \uc124\uc815\ud558\uc5ec \uc804\uccb4 \ubdf0\ub97c \ucc28\uc9c0\ud558\ub3c4\ub85d \ud569\ub2c8\ub2e4.\n3. Scroll View \uc548\uc5d0 \uc5ec\ub7ec \uac1c\uc758 UIView\ub97c \ucd94\uac00\ud558\uc5ec \uac01\uac01\uc758 \ud398\uc774\uc9c0 \ucf58\ud150\uce20\ub97c \ubc30\uce58\ud569\ub2c8\ub2e4.\n<\/pre>\n4.2. ViewController.swift \ud30c\uc77c \uc124\uc815\ud558\uae30<\/h3>\n
\nimport UIKit\n\nclass ViewController: UIViewController, UIScrollViewDelegate {\n @IBOutlet weak var scrollView: UIScrollView!\n @IBOutlet weak var pageControl: UIPageControl!\n\n override func viewDidLoad() {\n super.viewDidLoad()\n \n \/\/ ScrollView Delegate \uc124\uc815\n scrollView.delegate = self\n\n \/\/ \ud398\uc774\uc9c0 \uc218 \uc124\uc815\n pageControl.numberOfPages = 3 \/\/ \ud398\uc774\uc9c0 \uc218\uc5d0 \ub530\ub77c \uc870\uc815\n pageControl.currentPage = 0\n\n \/\/ Content Size \uc124\uc815\n scrollView.contentSize = CGSize(width: self.view.frame.size.width * 3, height: self.view.frame.size.height)\n }\n\n \/\/ \uc2a4\ud06c\ub864\ubdf0\uac00 \uc2a4\ud06c\ub864\ub420 \ub54c \ud638\ucd9c\ub418\ub294 \uba54\uc11c\ub4dc\n func scrollViewDidScroll(_ scrollView: UIScrollView) {\n let pageIndex = round(scrollView.contentOffset.x \/ self.view.frame.size.width)\n pageControl.currentPage = Int(pageIndex)\n }\n}\n<\/pre>\n5. \ud398\uc774\uc9c0 \ucf58\ud150\uce20 \ub514\uc790\uc778<\/h2>\n
\uac01 \ud398\uc774\uc9c0\uc5d0 \ucd94\uac00\ud560 \ucf58\ud150\uce20\ub97c \ub514\uc790\uc778\ud558\ub294 \uac83\uc740 \uc911\uc694\ud55c \ub2e8\uacc4\uc785\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc774\ubbf8\uc9c0, \ud14d\uc2a4\ud2b8, \ubc84\ud2bc \ub4f1\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uc740 \uac01 \ud398\uc774\uc9c0\uc5d0 \ub300\ud574 \uc0ac\uc6a9\uc790 \uc815\uc758 \ucf58\ud150\uce20\ub97c \ucd94\uac00\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud55c \uc124\uba85\uc785\ub2c8\ub2e4.<\/p>\n
5.1. \uac01 \ud398\uc774\uc9c0 UIView \ub514\uc790\uc778<\/h3>\n
\n1. Main.storyboard\uc5d0\uc11c Scroll View \uc548\uc5d0 UIView\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4.\n2. UIView\uc758 Auto Layout \uc81c\uc57d \uc870\uac74\uc744 \uc124\uc815\ud558\uc5ec Scroll View \uc804\uccb4\uc5d0 \uac78\uccd0 \ucc28\uc9c0\ud558\uac8c \ud569\ub2c8\ub2e4.\n3. \uc5ec\ub7ec \uac1c\uc758 UIView\ub97c \ucd94\uac00\ud558\uc5ec \ud398\uc774\uc9c0\ub97c \ub9cc\ub4ed\ub2c8\ub2e4(\uc608: 3\ud398\uc774\uc9c0).\n4. \uac01 UIView\uc5d0 UILabel, UIImageView \ub4f1\uc744 \ucd94\uac00\ud558\uc5ec \ub0b4\uc6a9\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.\n<\/pre>\n6. \ud398\uc774\uc9c0 \uc804\ud658 \uc560\ub2c8\uba54\uc774\uc158 \ucd94\uac00\ud558\uae30<\/h2>\n
\ud398\uc774\uc9c0 \uac04 \uc804\ud658\uc744 \ubd80\ub4dc\ub7fd\uac8c \ubcf4\uc774\ub3c4\ub85d \uc560\ub2c8\uba54\uc774\uc158\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc5ec\uae30\uc11c\ub294 UIButton\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud398\uc774\uc9c0\ub97c \uc218\ub3d9\uc73c\ub85c \uc804\ud658\ud558\ub294 \ubc29\ubc95\uc744 \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
6.1. \ubc84\ud2bc \ucd94\uac00 \ubc0f \ub3d9\uc791 \uad6c\ud604<\/h3>\n
\n1. ViewController\uc5d0 \ub2e4\uc74c \ucf54\ub4dc\ub97c \ucd94\uac00\ud558\uc5ec \uc774\uc804 \ubc0f \ub2e4\uc74c \ud398\uc774\uc9c0\ub85c \uc804\ud658\ud558\ub294 \uae30\ub2a5\uc744 \uad6c\ud604\ud569\ub2c8\ub2e4.\n\n@IBAction func nextPage(_ sender: UIButton) {\n let currentPage = pageControl.currentPage\n if currentPage < pageControl.numberOfPages - 1 {\n let nextPage = currentPage + 1\n let offset = CGSize(width: self.view.frame.size.width * CGFloat(nextPage), height: 0)\n scrollView.setContentOffset(offset, animated: true)\n }\n}\n\n@IBAction func previousPage(_ sender: UIButton) {\n let currentPage = pageControl.currentPage\n if currentPage > 0 {\n let previousPage = currentPage - 1\n let offset = CGSize(width: self.view.frame.size.width * CGFloat(previousPage), height: 0)\n scrollView.setContentOffset(offset, animated: true)\n }\n}\n<\/pre>\n7. \ud14c\uc2a4\ud2b8 \ubc0f \ub514\ubc84\uae45<\/h2>\n
\ubaa8\ub4e0 \uad6c\ud604\uc774 \uc644\ub8cc\ub418\uba74 \uc2e4\uc81c \uae30\uae30\ub098 \uc5d0\ubbac\ub808\uc774\ud130\uc5d0\uc11c \ucf54\ub4dc\ub97c \ud14c\uc2a4\ud2b8\ud574\ubcf4\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. \ud398\uc774\uc9c0 \uac04\uc758 \uc804\ud658, \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc758 \uc5c5\ub370\uc774\ud2b8 \uc0c1\ud0dc \ub4f1\uc744 \ud655\uc778\ud558\uace0, \ubc1c\uc0dd\ud560 \uc218 \uc788\ub294 \ubc84\uadf8\ub97c \uc218\uc815\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n
7.1. \ub514\ubc84\uae45 \ud301<\/h3>\n
\n
- Xcode\uc758 Debugger\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub7f0\ud0c0\uc784 \uc624\ub958\ub97c \ucd94\uc801\ud558\uc138\uc694.<\/li>\n
- UI \uc694\uc18c\uac00 \ud654\uba74\uc5d0 \uc81c\ub300\ub85c \ud45c\uc2dc\ub418\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694.<\/li>\n
- \ucf58\uc194 \ub85c\uadf8\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc0c1\ud0dc \ubcc0\ud654\ub97c \ucd94\uc801\ud558\uc138\uc694.<\/li>\n<\/ul>\n
8. \uacb0\ub860<\/h2>\n
\uc774\ubc88 \uac15\uc88c\uc5d0\uc11c\ub294 \uc2a4\uc704\ud504\ud2b8\uc640 UIKit\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc544\uc774\ud3f0 \uc571\uc5d0\uc11c \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc744 \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \ud398\uc774\uc9c0 \ucee8\ud2b8\ub864\uc740 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud398\uc774\uc9c0 \uac04\uc758 \ud0d0\uc0c9\uc744 \uc27d\uace0 \uc9c1\uad00\uc801\uc73c\ub85c \ub9cc\ub4e4\uc5b4 \uc8fc\ub294 \uc911\uc694\ud55c UI \uc694\uc18c \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. \uae30\ubcf8\uc801\uc778 \uad6c\ud604 \ubc29\ubc95\ubd80\ud130 \ud398\uc774\uc9c0 \uc804\ud658 \uc560\ub2c8\uba54\uc774\uc158, UI \ub514\uc790\uc778\uae4c\uc9c0 \ud3ed\ub113\uac8c \ub2e4\ub8e8\uc5c8\uc73c\ub2c8, \uc774\ub97c \ubc14\ud0d5\uc73c\ub85c \ub2e4\uc591\ud55c \uc571\uc5d0 \uc751\uc6a9\ud574\ubcf4\uc2dc\uae38 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n
\uc55e\uc73c\ub85c\ub3c4 \uc571 \uac1c\ubc1c\uc5d0 \ub300\ud574 \ub354 \ub9ce\uc740 \uac83\uc744 \ubc30\uc6b0\uace0, \uc774\ub97c \ud1b5\ud574 \uc2e4\ub825\uc744 \ud5a5\uc0c1\uc2dc\ucf1c \ub098\uac00\uae38 \ubc14\ub78d\ub2c8\ub2e4. \ub354\ubd88\uc5b4, \ucf54\ub4dc\uc640 UI \uad6c\uc131\uc694\uc18c\ub97c \uc798 \ud65c\uc6a9\ud558\uc5ec \ub098\ub9cc\uc758 \uba4b\uc9c4 \uc571\uc744 \ub9cc\ub4e4\uc5b4 \ubcf4\uc138\uc694!<\/p>\n
<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"