본문 바로가기

🍎 iOS/UIKit19

[iOS] iOS 앱 개발 프레임워크 - CocoaPod, UIKit, Foundation Cocoa Touch, UIKit, Foundation - iOS 앱 개발에 필요한 프레임워크 iOS 앱 프로그래밍 부스트코스 무료 강의 www.boostcourse.org 1장에서 음악재생 앱을 만들면서 아래의 내용들을 학습했습니다. 에셋(Asset) - 앱 아이콘, 이미지 파일, 데이터 파일을 관리, 앱 실행시 파일에 쉽게 접근할 수 있도록 도와준다. 앱 시닝(App thinning)과 앱 슬라이싱(App slicing) - 다양한 디바이스에서 빠르게 다운로드할 수 있도록 하는 최적화 기술 Cocoa Touch, UIKit, Foundation - iOS 앱 개발에 필요한 프레임워크 UI 를 개발하고 Autolayout 을 적용하는 방법 - 인터페이스 빌더 vs 코드로 작성 iOS의 View 체계 -.. 2021. 6. 13.

[iOS/Swift] 모서리가 둥근, 그림자가 적용된 팝업 뷰 구현하기 💡 [iOS/Swift] 모서리가 둥근, 그림자가 적용된 팝업 뷰 구현하기 Zerobin 앱에서 왼쪽 화면은 리뷰작성시 새싹스탬프를 누르는 화면이고, 오른쪽 화면은 새싹 스탬프에 대한 설명을 나타내는 화면입니다. 앱개발을 하면서 왼쪽화면의 ⓘ 버튼을 누르면 다음과 같이 팝업 뷰가 나타나도록 개발해야 했고, 이 과정에서 생겼던 문제들을 다뤄볼게요! 설명을 위해서 왼쪽화면은 MainVC, ⓘ 버튼은 infoButton, 오른쪽 화면에 나타난 팝업화면을 PopupVC 라고 지칭할게요. 먼저, MainVC 에서 PopupVC 를 띄우는 방법을 설명하고 팝업뷰에서 View 의 모서리를 둥글게 처리하고, 그림자를 적용하는 방법을 나눠서 작성할게요. ✔︎ 메인화면에서 팝업 뷰를 띄우는 방법 1. 먼저 두 화면을 스토.. 2021. 4. 28.

[iOS/Swift] Image Slide show - Label Page Indicator, Full screen view 구현하기 🖼 ImageSlideshow ImageSlideshow 설치, 뷰 생성하기, 이미지 등록하는 법은 이전 포스팅을 참고해주세요. 해당 포스팅에서는 Label Page Indicator 적용하는 법, 이미지 클릭시 전체 화면으로 전환하는 법에 대해 다뤄보겠습니다. [iOS/Swift] Image Slide show + Firebase Storage 로 슬라이드 이미지뷰 구현하기 - 1 🖼 ImageSlideshow Customizable Swift image slideshow with circular scrolling, timer and full screen viewer Image Slide show 라이브러리는 여러 이미지를 옆으로 슬라이드하는 UI 를 구현해주는 라이브러.. jellysong.tisto.. 2021. 3. 28.

[iOS/Swift] Image Slide show + Firebase Storage 로 슬라이드 이미지뷰 구현하기 🖼 ImageSlideshow Customizable Swift image slideshow with circular scrolling, timer and full screen viewer Image Slide show 라이브러리는 여러 이미지를 옆으로 슬라이드하는 UI 를 구현해주는 라이브러리입니다! 인스타그램의 이미지가 나타나는 것을 구현할 수 있습니다. 다음의 기능들을 제공하고 있습니다. 이미지 슬라이드시 원형 구분자(circular indicator) 이용 이미지 슬라이드시 Label Indicator (ex 1/5) 제공 이미지 슬라이드가 가능한 Full screen view 제공 시간을 설정해 자동으로 이미지 슬라이드가 가능하도록 제공 zvonicek/ImageSlideshow Swift im.. 2021. 3. 28.

[iOS/Swift] 온보딩(Onboarding) 페이지 만들기 - Storyboard, UserDefaults, SceneDelegate 💡 온보딩, Onboarding 온보딩 페이지는 새로운 유저나 다시 돌아온 유저를 환영해주는 역할을 한다. 유저에게 어플의 사용법을 알려주거나 기능에 대한 팁, 콘텐츠 샘플 등을 보여주기 위해 사용된다. 처음에 앱 최초 실행시 나타나는 페이지, 웰컴 페이지 등으로 검색을 했을 때에는 방법을 찾기가 어려웠다. 온보딩이라고 부른다는 것을 최근에 알게되었다. 🙂.. 개발하고자 하는 내용이 무엇으로 불리는지 아는게 중요하다고 느꼈다. (HIG 를 먼저 찾아봤다면 쉽게 찾았겠다..) 온보딩 페이지를 추가하고, 앱의 최초 실행시에만 나타나게 하는 예제를 개발해보겠습니다! Xcode 프로젝트에 Onboarding storyboard 추가하기 Storyboard 들의 첫 번째 VC 의 Storyboard ID 지정하기.. 2021. 3. 8.

[iOS/Swift] TableView 로 초간단 TodoList 만들기 이전에 포스팅한 UITableView, UITableViewCell, Protocols 을 이용해서 앱을 실제로 만들어볼게요. 공식문서를 보고 정리했던 내용들이라 어렵게 작성한것 같아서 실습으로 한 번 더 환기하려고 합니다! 개발 순서는 다음과 같아요 🙂 Storyboard 에서 TableView 추가하기 TableView 내에 TableCell 구성 만들기 CustomCell 클래스 만들고 연결하기 TableView Protocol 준수하기 앱 실행하기 1. Storyboard 에서 TableView 추가하기 스토리보드를 이용해서 UI 개발을 진행하고 있습니다. TableView 와 TableViewCell 을 추가해줍니다! 2. TableView 내에 TableCell 구성 만들기 Table View.. 2021. 3. 1.

[iOS/Swift] TableView 를 위한 Protocol :: Datasource, Delegate TableView 를 위한 Protocol UITableView 를 위한 Protocol 은 UITableViewDataSource, UITableViewDelegate 가 있다. 여기서 Protocol 은 TableView를 이용하기 위해 해야할 일들의 목록, 즉 구현해야할 method 들이다. protocol 준수는 클래스간 상속을 하듯이 작성해주면 된다. UITableViewDataSource protocol 의 경우, 필수 구현 함수를 추가하지 않으면, 아래와 같은 에러가 발생한다. Fix 를 누르면 자동으로 추가해준다. extension BountyViewController: UITableViewDataSource { } UITableViewDataSource protocol UITableVie.. 2021. 3. 1.

[iOS/Swift] TableView 의 기초 :: UITableView, UITableViewCell UITableView class UITableView : UIScrollView 💡A view that presents data using rows arranged in a single column. UITableView 는 하나의 열을 갖는 여러개의 행으로 데이터를 표현하는 View 이다. UIScrollView 를 상속받은 클래스이므로, 수직으로 스크롤이 가능하다. 하나의 긴 리스트를 보여줄 수도 있고, 관련된 rows 를 그룹지어 보여줄 수도 있다. 사진의 Contacts app 을 보면, 알파벳 순으로 그룹지어져 있고 Settings app 도 title 은 없지만 그룹지어져 있다. Table view 는 일반적으로 계층적인 데이터를 가지고 있는 앱에서 이용되며, navigation view co.. 2021. 3. 1.

[iOS/Swift] Launch Screen :: 앱의 시작 화면 Launch screen Launch Screen 은 앱이 시작될 때 나타났다가 앱의 첫번째 화면으로 빠르게 전환된다. 앱이 실행되고 사용될 준비가 되었음을 알려주는 역할을 하며, 앱이 빠르고 반응적이라는 인상을 주기 위해 사용된다. 가이드에서 시각적인 효과를 주기 위해 사용되는 것은 아니라고 한다. 안드로이드 개발시에는 Splash screen 이라고 불렀는데, iOS 에서는 Launch Screen 이라고 부르는 점이 다르다. Launch screen in Xcode Xcode 프로젝트는 launch screen 을 위해 launch storyboard 를 제공한다. 유저가 앱을 처음 실행했을 때, 시스템은 앱의 UI를 화면에 보여줄 준비가 될 때까지 launch storyboard 를 보여준다. 만.. 2021. 2. 21.

이전 1 2 3 다음

티스토리툴바