iOS 개발/Unsplash 클론 코딩 (16) 썸네일형 리스트형 Unsplash - 6. 사진 목록 받아오기 안녕하세요. Skillist입니다. 이번엔 Unsplash API를 활용하여, 사진 목록 받아오기를 해볼게요 dataTask를 통해서 받아올건데요, 한번 볼게요. 생각보다 복잡해요??가 아니라 간단해요~~ 13라인 : Unsplach의 기본 url은 변경되지 않을거기 때문에, 저는 따로 URLComponent로 구현했습니다. 뒤에 API마다 path가 달라지는 것이지, scheme이나, host는 고정돼있잖아요. 22라인 : pageNum은 변경되기 때문에, 전달 받도록 했고, completionHandler 또한 넘겨 받습니다. url에 대한 path와 api에 필요한 쿼리파람을 추가했어요. 아!!! "client_di"에는 본인의 unsplash key를 등록하세요!! 그리고, dataTask를 수행.. Unsplash - 5. 다운로드 가능한 이미지뷰와 이미지 캐싱 안녕하세요. Skillist입니다. 오늘은 지난글에 나왔던, DownloadableImageView를 알아보죠. 이름 그대로, url을 통해서 이미지를 다운받아 보여줄 수 있는 ImageView에요. ImageView를 상속했어요. 이미지를 쉽게 다운받을 수 있는 방법은 강력한 라이브러리인 "kingfisher"를 사용하면 돼요. 코코아팟, 스위프트 패키지 매니터, 카르타고 등 추가할 수 있구요. 사용하기도 쉽고 강력해요. https://github.com/onevcat/Kingfisher GitHub - onevcat/Kingfisher: A lightweight, pure-Swift library for downloading and caching images from the web. A lightwe.. Unsplash - 4. 메인 사진 목록에 대한 Cell 구성 안녕하세요. Skillist에요. Unsplash 앱 다운받아 사용해보셨어요??? 사용 해봤다고 믿을게요. 사용 안해봤으면 다운받아 사용해보세요~ 이번엔 메인 화면에 보이는 사진에 대한 Cell을 구현할 거에요. 드디어 SnapKit을 사용합니당?? (제가 구현한 앱이에요.)메인 사진 목록이 이렇게 생겼어요. 햄버거 사진을 살펴볼게요 햄버거 사진 보니 햄버거 땡기네요~~~ 아~~~ 배고파. 1번 사진이 들어가는 영역과 2번 Text가 들어가는 영역으로 보이죠?? ImageView와 UILabel로 구현하면 되겠네요. 아주 간단하네요?? cell 클래스 만들어주고, UIImageView와 UILabel을 선언했어요. DownloadableImageView는 제가 만든 클래스인데, UIImageView를 상.. Unsplash - 3. SceneDelegate와 TabBarController 안녕하세요. Skillist 입니다. 바로 시작해볼까요. 우린, 스토리 보드를 사용하지 않을거니, 코드로 앱 화면 연결해줄게요 우선 세팅부터 해줘야 해요. Main.스토리보드를 삭제해주세요. 그래도 되냐구요? 네, 되더라구요. Move to Trash를 선택해서 파일 자체를 삭제 하면 돼요. 그리고 Info.plist에서 스토리 보드 name 항목을 지워주세요. 그리고 프로젝트에서 타겟으로 이동하여 Main interface를 삭제 해주세요. 프로젝트에 대한 설정은 다 했어요. SceneDelegate로 이동하실게요~ SceneDelegate에 주석이 많은데 다 삭제 했구어요. window를 생성하여, rootViewController을 지정하고, makeKeyAndVisible을 했습니다. - 구글 번.. Unsplash - 2. SnapKit 등록 안녕하세요. Skillist 입니다. 이번 프로젝트는 SnapKit으로 레이아웃을 구현할거에요. 저는 기존에 스토리보드를 주로 사용했는데, 스토리보드작업에는 다음 문제를 경험했어요. 1. 스토리 보드를 수정하지 않고, 파일을 열기만 해도 x,y의 좌표가 변경되어 스토리보드 파일 변경이 빈번하게 일어난다. 2. 여러 브렌치에서 스토리보드 작업을 진행한 경우, merge 시 컨플릭이 발생한다. 3. 결과적으로 스토리보드에 대한 작업은 협업 문제가 발생한다. 그럼 SnapKit에 대한 문제는 없는건가요? 다음 문제를 경험했어요. 1. 모든 UI에 대한 선언 및 제약사항을 코드로 작성해야 하므로, 코드량이 늘어난다. 2. UI를 시각적으로 확인할 수 없어, SnapKit에 대한 코드를 보고 레이아웃을 형상화해야.. Unsplash - 1. Unsplash API 안녕하세요 Skliist입니다. Unsplash에서 무료 API를 제공하고 있어, Unsplash 클린 코딩을 진행하고 있습니다. API를 확인할 수 있는 주소는 다음과 같아요. https://unsplash.com/developers Unsplash Image API | Free HD Photo API Codepen To make adding images into prototypes and code examples, Codepen integrates the Unsplash library, making finding and adding an image super easy. unsplash.com 사이트에 가입하여 앱 생성 및 등록하고, API를 이용할 수 있어요. API 요청할때마다 발급된 accessK.. 이전 1 2 다음
