iOS 개발/Apple App Store 클론 코딩 (19) 썸네일형 리스트형 AppleAppStore - 9. Search 화면 구현 안녕하세요 Skillist입니다~~ 2022년이에요. 2022년엔 코로나 상황이 끝나면 좋겠어요. 모두 새해복 많이 받으세요. 크리스마스나 연말, 연초도 어김없이 공부 해봅시다. 오늘은 간단하게, 검색 히스토리를 보여주는 검색화면을 구현해볼거에요. ------------------------------------------------------------------------------------------------------------------ 11라인 : 검색 결과를 보여줄 검색 결과 VC입니다. 나중에 설명할테니, 우선 신경쓰지마세요 12라인 : 검색 히스토리를 가지는 String 어레이에 대한 저장 프로퍼티입니다. 값이 변경될 때마다, didSet을 활용하여 특정 view를 show, hide.. AppleAppStore - 8. 결과물 중간 점검 안녕하세요 Skillist입니다. 요즘 글이 뜸했죠??? 죄송해요, 지난 일주일동안 코딩보다는 Swift 언어 책을 쭈욱 읽으며 복습에 전념했어요. swift 책을 한번 더 읽고 싶어지더라구요. 업무도 바빴고, 병원도 다니고, 몸도 힘들었고, 바쁜 나날을 보냈습니다. 제가 본 책은 "스위프트 프로그래밍" - 야곰 입니다. https://www.aladin.co.kr/shop/wproduct.aspx?ISBN=K962636971&start=pnaver_02 스위프트 프로그래밍 스위프트를 제대로 이해하자라는 콘셉트를 충실히 지키고자 스위프트의 기본 개념과 함께 함수형 및 프로토콜 지향 프로그래밍 패러다임을 이용하는 스위프트 프로그래밍 방법론을 소개한다. www.aladin.co.kr SwiftUI 학습도 준.. AppleAppStore - 7. App 화면 구현 안녕하세요. Skillist입니다. App 화면 구성도 얼마 안남았습니다. 같이, 열심히 개발해봐요 ------------------------------------------------------------------------------------------------------------------ 11라인 : Today 화면에선, UICollectionViewController로 구현해봤죠? App 화면은 UIViewController에 collectionView를 추가하여 구현해봤습니다. 15라인 : collectionView입니다. delegate, datasource를 self로 지정하고, cell과 header를 등록했어요. 29라인 : compositional layout입니다. 이번엔 .. AppleAppStore - 6. App 화면의 Cell 구현 안녕하세요. Skillist입니다. 이번엔 App Tab의 VC를 구현해봐요. 다음은 제가 구현한 화면의 스크린샷 입니다. 데이터들은 크게 중요한게 아니 구현한 화면이 중요하죠. 역시나 Compositional Layout을 활용하였습니다. 넘나 소중해요. 그럼, 투데이 VC와 마찬가지로, 예상이 되죠?section에 따라 header와 cell(item)으로 구현했겠죠?? 맞습니다. 그래서 header와 cell을 구성해볼게요. ------------------------------------------------------------------------------------------------------------------ 맨먼저, largeItem Cell을 구현할게요 largeItem Cel.. AppleAppStore - 5. Today 화면 구현 안녕하세요 Skillist입니다. 이번엔 Today 화면을 구현해볼 차례입니다. UICollectionViewController와 UICollectionViewCompositionalLayout를 활용하여 section을 구성합니다. 저의 코드를 보면, UICollectionViewController와 UICollectionView를 번갈아가며 사용는 것과 같이, 같은 로직이라고 할지라도, 조금씩 다르게 구현합니다. 이유는, 다들 아시죠?. 다양한 경험과 학습을 위함이죠. 이것도 써보고 저것도 써보고~ 그럼 시작할게요. --------------------------------------------------------------------------------------------------------.. AppleAppStore - 4. Today 화면의 cell 구현 2 안녕하세요. Skillist입니다~ 이번엔 지난 글에 이어서 TodayVC에서 사용할 Cell에 대해서 알아볼게요 이번엔 다음 cell을 구현해볼게요 section은 다음과 같이 구현돼있습니다. header와 4개의 item. 따로따로 구현줄 예정이고, collectionview의 섹션에서 활용할거에요. header부터 봐볼게요 --------------------------------------------------------------------------------------------------------------------- 11, 18라인 : 최상위의 labe과 하단의 label을 입니다. 37, 44, 49라인 : 뷰를 추가하고, 제약사항을 구성합니다. 56라인 : 텍스트를 넘겨받아, 설정.. AppleAppStore - 3. Today 화면의 cell 구현 1 안녕하세요. Skillist입니다. 작성할 내용은 많은데, 이게 은근 공수가 들어서 진도가 안나가네요. ㅠㅜㅠㅜㅠㅜ 암튼 시작해볼게요. 코코아팟을 통해, SwiftLint와 SnapKit을 추가했어요. 다음 주소를 통해 확인해보세요. https://skillist.tistory.com/277 프로젝트에 Swiftlint 추가하기 안녕하세요. skillist입니다~~ 오늘은 SwiftLint를 추가해볼께요. 관련 글 작성 할 생각은 없었는데요, 프로젝트 진행하면서 swiftlint를 추가할 일이 생겼어요. 그래서 겸사겸사 작성해봅니다. 순서대 skillist.tistory.com 먼저 구현한 스크린샷 부터 보시죠. 일반 모드와 다크 모드의 스크린샷입니다. 현재, 네트워크 통신을 통해 이미지를 받아오지 않지.. AppleAppStore - 2. TabBar 구현 안녕하세요. Skillist입니다. 오랜만에 글 작성해요. 이런저런 일도 있었고, AppStore 클론코딩에 집중하느라, 글을 못쓰고 있었어요. 어쨋든 안궁금하시죠? 그럼 시작해봅시다. 하단에 세개의 탭이 보이죠? 이를 구현해보겠습니다. 저는, 스토리보드를 사용하지 않을것이기 때문에, 스토리보드 삭제했고, SceneDelegate를 수정해볼게요 윈도우와 rootViewController를 설정했습니다. --------------------------------------------------------------------------------------------------------------------- 다음으론, TabBarController입니다. 15, 19라인 : 다크모드를 위해서 탭바의 .. AppleAppStore - 1. 시작하기 안녕하십니까. Skillist 입니다. 며칠 전부터 AppleAppStore 클론코딩을 시작했습니다. AppleAppStore을 선택한 이유가 있어요. 1. appStore의 일부 api가 있어요 2. 레이아웃 구현이 다채로워요. 3. 그래서 코로나 시국에, 코딩으로 아주 재밌게 놀수 있을것 같아요. 여러분들도 왠지 재밌을것 같지 않나요??????????? 저만 그래요?? 이번에는 오픈소스를 어떻게할지 고민중이에요. 사용확정한 오픈소스는 SnapKit이구요. 현재 개발 진행 상황만 잠깐 볼까요? 다크모드 기준으로, GIF로 살펴볼게요. 구현하는데 은근 빡세긴했어요. 투데이 탭을 스크린샷으로 살펴볼게요 섹션은 동적으로 구현했구요, 현재 기준(21년 12월 7일)으로, 앱스토어의 Today를 따라 구현해봤습.. 이전 1 2 다음
