PinguiOS

모든 것을 스토리보드 없이 코드로 만들어보려고 노력 중인데요, 그래서 이번 글에서는 스토리보드 없이 네비게이션 컨트롤러를 만들어 보려고 합니다. 우선 스토리보드를 삭제하는 작업과 셋팅은 [iOS 앱개발 프로그래밍] 스토리보드(Storyboard) 없이 iOS 앱 개발하기 - 1를 참고해주세요! 스토리보드가 없이 앱을 실행했을 때 시작화면을 세팅하기 위해서는 SceneDelegate.swift 파일을 수정해주면 됩니다. 위와 같이 수정해주면 네비게이션내비게이션 컨트롤러가 추가되고 첫 번째 화면은 네비게이션 컨트롤러가 적용된 FirstViewController가 됩니다. 그렇다면 이번엔 FirstViewController를 구분 가능하도록 간단히 수정해보겠습니다. 그냥 간단하게 네비게이션 아이템의 타이틀을 ..

지난 글에 이어 이번 글에서는 아이폰에 저장되어있는 사진들로 컬렉션 뷰를 채워보는 작업을 해보도록 하겠습니다. 이렇게 iOS에서 사진이나 비디오들을 다루기 위해선 PhotoKit을 사용해야 합니다. 여기서 간단하게 iOS의 Photos 프레임워크가 사진과 동영상을 취급하는 모습을 그림으로 나타내 보겠습니다. 위의 그림과 같이 iOS의 사진과 비디오는 3 계층으로 되어있는데 간단하게 말하면 Asset과 Asset을 모은 Asset Collection, Asset Collection을 모은 Collection List로 구성됩니다. Asset은 사진이나 비디오 파일을 말하며 Asset Collection은 앨범이나 사진 폴더라고 보면 쉽습니다. 그리고 이러한 폴더들을 모아둔 것이 Collection List..

안녕하세요! 이번 글은 iOS에서 간단한 사진앱을 만들어보기 위한 첫 번째 글이에요! 이번 글에서는 사진앱을 위한 컬렉션 뷰를 스토리 보드 없이 만들어 보려고 합니다. 스토리 보드 없이 개발하는 방법은 아래 링크에서 확인하실 수 있어요. [iOS 앱개발 프로그래밍] 스토리보드(Storyboard) 없이 iOS 앱 개발하기 - 1 그럼 이제 컬렉션 뷰를 스토리보드 없이 만들어 보겠습니다! 우선 이번에 구현할 컬렉션 뷰라는 것이 어떤 것인지 먼저 보고 넘어가는 게 좋을 것 같아요. 위와 같이 간단하게 사진을 나열하는 컬렉션 뷰를 만들어 보려고 합니다. 우선 컬렉션 뷰는 CollectionView, CollectionViewCell, CollectionViewDataSource, CollectionViewDe..

내가 만든 앱에서 스마트폰에 저장된 사진과 비디오를 사용하고 싶을 때 사용하는 라이브러리입니다. 직접 사용하는 방법은 여기에서 참고하면 됩니다~ 공식 문서 Apple Developer Document - PhotoKit PhotoKit iCloud Photos, Live Photos를 포함하여 Photos 앱에서 관리하는 이미지 및 비디오 에셋으로 작업할 수 있게 해 준다. Overview iOS 및 macOS에서 PhotoKit은 사집 앱에서 사진 편집 기능을 지원하는 클래스를 제공한다. iOS, macOS, tvOS에서 PhotoKit은 사진 앱에서 관리하는 사진, 비디오 에셋에 직접 접근할 수 있다. 위의 그림과 같이 PhotoKit을 사용하면 보여주거나 재생을 위해 비디오나 이미지를 가져오고 이들..

이번 글에서는 저번 글에 이어 컬렉션 뷰에서 Flow Layout을 사용하는 방법에 대하여 알아보려고 한다. 해당 정보는 공식 문서를 참고했다. Apple Developer Document - Using the Flow Layout Using the Flow Layout 컬렉션 뷰에서 UICollectionViewFlowLayout 클래스의 레이아웃 객체를 사용해서 항목들을 정렬할 수 있다. Flow 레이아웃은 선 기반 레이아웃을 구현한다. 이 말은 flow 레이아웃이 셀들을 임의의 선을 그려 그 위에 배치한다고 보면 된다. 만약 임의의 선에 셀들이 다 차면 새로운 선을 그려서 계속 배치해 나간다. 위의 그림에서는 세로로 스크롤되는 flow 레이아웃의 모습을 보여준다. 여기서 각각의 선들이 가로로 그려지..

이번 글에서는 저번 글에 이어 컬렉션 뷰에서 데이터 소스와 델리게이트에 대해 알아보려고 한다. 해당 정보는 공식 문서를 참고했다. Apple Developer Document - Designing Your Data Source and Delegate Designing Your Data Source and Delegate 모든 컬렉션 뷰는 반드시 데이터 소스를 가지고 있어야 한다. 데이터 소스 객체는 앱에서 보이는 콘텐츠이며 앱 데이터 모델일 수도 있고 컬렉션 뷰를 관리하는 뷰 컨트롤러일 수도 있다. 데이터 소스를 정의할 때 반드시 필요한 것은 컬렉션 뷰의 필요한 정보를 제공할 수 있어야 한다는 것이다. 이러한 정보에는 컬렉션 뷰의 항목 수, 해당 항목을 보여주기 위한 뷰와 같은 정보가 있다. 델리게이트 ..

이번 글에서는 저번 글에 이어 컬렉션 뷰의 기초를 닦아보자! 해당 정보는 공식 문서를 참고했다. Apple Developer Document - Collection View Basics Collection View Basics 콘텐츠를 화면에 표시하기 위해 컬렉션 뷰는 많은 객체들과 함께 동작한다. 객체들 중 몇 개는 앱에서 반드시 제공해야 하는 것들이 있는데 컬렉션 뷰의 표시할 항목 수를 알려주는 데이터 소스 객체를 제공해야 한다. 다른 객체는 UIKit에서 제공하며 기본 컬렉션 뷰 디자인의 일부이다. 컬렉션 뷰는 테이블 뷰와 마찬가지로 데이터 기반 객체로 구현할 때 앱의 객체들과 함께 동작해야한다. 코드에서 해야 할 일을 이해하려면 컬렉션 뷰의 기능에 대한 약간의 배경지식이 필요한다. A Collec..

이번 글에서는 iOS 앱을 개발할 때 많이 사용되는 컬렉션 뷰에 대해 알아보자! 컬렉션 뷰에 대한 정보는 공식 문서를 참고했으며 링크는 아래와 같다. 컬렉션 뷰와 테이블 뷰의 차이점을 생각해보며 공부하면 좋을 것 같다. Apple Developer Documents - Collection View Programming Guide for iOS About iOS Collection View Collection View(컬렉션 뷰)는 유연하고 변경이 가능한 레이아웃을 사용하여 데이터를 보여주는 방법이다. 컬렉션 뷰로 데이터를 보여주는 가장 일반적인 방법은 격자모양으로 배열 한 뒤 보여주는 방법이지만 iOS의 컬렉션 뷰는 이렇게 단순한 행, 열 그 이상의 기능을 수행할 수 있다. 컬렉션 뷰를 사용하면 해당 클..