iOS 개발/Apple App Store 클론 코딩 (19) 썸네일형 리스트형 AppleAppStore - 19. 메모리 누수 확인 안녕하세요~ Skillist입니다. AppleAppStore에 대한 글을 작성합니다. 바로바로 성능 체크에 대한 글이에요. 요즘 개발에만 빠져있어서, 성능체크나 테스트코드 작성은 못했는데, 반성합니다. 그럼 바로 성능 체크 하죠! ------------------------------------------------------------------------------------------------------------------ Instruments의 Leaks 도구를 활용해봤어요. 그리고 시작과 동시에 앱을 사용하며, 메모리 릭을 체크했습니다. GIF인데, 아래 그림을 봐주세요. 시간이 지남에 따라, Leaks에 초록색 체크 그림이 보이죠. 초록색 체크박스는 메모리 릭이 존재하지 않다는 의미에요. .. AppleAppStore - 18. DetailViewController의 section, cell 구현 7 안녕하세요 Skillist입니다!! 드디어 막바지에 도달했습니다. 현재 개발 상황을 보면, 마지막 section과 cell이에요! 나~~중에 추가될수도 있겠지만, 어떻게 될지 모르겠네요. 시작해 보시죠 이번엔 아래의 section을 구현합니다! expandable cell로 구현구현돼있어요. 이슈가 하나 있는데, expand 할때마다, 스크롤 위치가 튀는 현상이 있는데, 열심히 구글링 해봐야겠어요. 그럼 바로 개발 해볼게요 ------------------------------------------------------------------------------------------------------------------ section 구현입니다. 342라인 : item 구현입니다. 347라인 :.. AppleAppStore - 17. DetailViewController의 section, cell 구현 6 안녕하세요. Skillist입니다. 앱스토어 클론코딩도 얼마 안남았습니다! 아직 구현할 기능은 있지만, 목표했던 구현에는 충분히 도달했어요. 앱스토어 클롭코딩을 하며, 배운것도 많았고, 실력이 향상한것을 느끼고 있습니다. 여러분도 같이 느껴지죠?? 어쨌든 section과 cell을 구현해보죠!! 이번에 구현할 section과 cell입니다. 움짤인데, 어떻게 구현해야 하는지 감이 오나요??? 한번 생각해보고 스크롤을 내려보세요. . . . . . . . . . . . . . header - 리뷰 정보를 보여주는 영역 cell - 리뷰 text를 보여주는 영역 생각한것과 같나요? 저는 header와 cell을 나눠서 구현했습니다. 더 좋은 방법이 있으면 알랴주세요! 참고로 header는 지난 글에서 구현한.. AppleAppStore - 16. DetailViewController의 section, cell 구현 5 안녕하세요. Skillist입니다~~ 다른 section, cell 구현에 대해 작성하다가, 상속이야기가 필요하여, 급하게 먼저 작성합니다! expandable Cell입니다! 더보기 버튼을 터치하면 확장됩니다. 어때요? 사실 cell은 바로 지난 글에서 같이 작성했어요! 그래서 cell을 작성할 필욘 없습니다. 그럼 뭘 작성해야 할까요??????? 바로바로바로바로바로바로바로 header입니다! 그럼 header만 보면 되겠네요!! 오예 작성할 글 내용이 적어졌다!!!!! 다음이 구현할 헤더입니다. 상단에 line이 있고, LargeTitle, button이 있습니다. 오잉? 우리 저번에 line header 구현했잖아요???? 넹! line header를 상속하여 구현할겁니다. 후후후훟후후후 10라인 .. AppleAppStore - 15. DetailViewController의 section, cell 구현 4 안녕하신가요 Skillist입니다~ 오늘은 어떤 section을 구현해볼까요? expandable celle을 구현해볼게요!! "더보기" 버튼을 터치하면 확장돼요!!!! 어때요??????? 쉬워보이는데, 저는 구현하느라 엄청 힘들었었어요 ㅠㅜㅜㅠㅜㅠ 열심히 구글링 했었어요 ㅜㅠㅜㅜㅠ 참고로, appStore를 보면 "더보기" 버튼의 백그라운드에 그라데이션을 추가하여, 자연스럽게 구현돼있던데, 저는 따로 구현하지 않았습니다. 궁금하시면 앱스토어 실행해서 여러 앱 보면서 분석해보세요. 나중에 시간되면 해볼게요! Android, iOS의 여러 앱들을 분석하고 클론코딩도 해봤지만, 꼼꼼하게 살펴보면 보이더라구요. -------------------------------------------------------.. AppleAppStore - 14. DetailViewController의 section, cell 구현 3 안녕하십니까??? Skillist입니다. 이번에도 탄력 받아서, section과 cell 구현을 쭉쭉 해볼게요! 오늘은 스크린샷 section과 cell을 구현할거에요 ------------------------------------------------------------------------------------------------------------------ section부터 구현시작합니다. 267라인 : item을 구현합니다. 272라인 : group를 구현합니다. 277라인 : section을 구현합니다. 스크롤을 groupPaging으로 설정하여, 페이징 스크롤이 가능합니다. 간단하네요 item, group, section을 순차적으로 구현해주세요! --------------------.. AppleAppStore - 13. DetailViewController의 section, cell 구현 2 안녕하세요 Skillist입니다~~~~~ 오늘도 열심히 개발해보죠 아자아자! 오늘은 infoShortItemSection을 구현할거에요. 앱 정보를 보여주는 section인데, 저는 api로 받아온 언어 목록으로 구현했습니다. 카카오톡이 지원 언어 목록이 많아서, 카카오톡을 기준으로 스크린샷을 찍었어요. ------------------------------------------------------------------------------------------------------------------ section 구현부터 볼게요 241라인 : item 을 설정했습니다. 246라인 : group 설정했습니다. .absolute를 사용하여 width, height 사이즈를 지정했습니다. 251라인 :.. AppleAppStore - 12. DetailViewController의 section, cell 구현 1 안녕하세요 Skillist입니다~ 이제 우리는 section과 cell을 구현하면 됩니다. 말은 간단한데 어렵고 복잡하고 빡세고 그럴수 있어요. 그래도 해야죠 해ㅑ죠 아ㅏㅏㅏㅏ 하기싫어........ 그래도 해야져ㅕ ------------------------------------------------------------------------------------------------------------------ 우리는 앱타이틀 section인 cell을 구현할겁니다!!!!! section 구현부터 볼까요? DetailViewController에서 구현한 코드입니다. 219라인 : item을 설정합니다. 224라인 : group을 설정하는데요, 아이템 개수는 1개이기 때문에 count를 1로 설정했.. AppleAppStore - 11. DetailViewController 화면 구현 안녕하세요. 제가 가장 최근까지 개발했던 DetailViewController에 대한 설명할게요. 구현하는데에 있어서, 다양한 cell을 구현하다 보니, 시간적으로 오래 걸렸고, 고려할 사항도 많았어요. 코드도 많았습니다. 그래서 설명이 엄청 길고 장황해질것 같아서 무서워여 ㄷㄷㄷㄷ ------------------------------------------------------------------------------------------------------------------ 기본적으로 UICollectionViewCompositionalLayout을 사용하여 collectionView를 구성하고, section을 구현합니다. 그래서 기본적인 레이아웃을 먼저 설명하고, section별 구현을 설.. AppleAppStore - 10. Search Result 화면 구현 안녕하세요~~~~~ 1월 3일 입니다. 작심삼일이란 말이 있는데, 어떠신가요??? 두려웠던 부분이 Search Result VC가 아니라, AppDetailVC였네요. 오늘까지는 수월해 보입니다. 으흐흐흐흐 그럼 바로 가봅시다. ------------------------------------------------------------------------------------------------------------------ 12라인 : 검색목록에서 앱 선택 시 화면 전환을 지난 글에 구현했던 SearchViewController에 위임합니다. SearchResultViewController에서 navigationController?.pushViewController(vc, animated: tru.. 이전 1 2 다음
