본문 바로가기

전체 글

[iOS] UICollectionView 내의 Carousel UI 수정하기 (2) 앞의 글에 이어, 캐로셀 내의 Cell 디자인을 디테일하게 수정해봅니다.날짜 레이블에 추가적인 디자인을 넣어야 합니다.  이전 글의 마지막 수정 버전 ▽ 여기서 날짜(28일)을 중심으로 검은 원(너비와 높이는 각각 86.25*)을 넣어주고, 날짜 폰트 컬러는 화이트로 수정해야한다.  우선, 검은 동그라미의 레이아웃을 잡아주고, // 날짜를 감싸는 검은 동그라미 (너비*높이 : 86.25) private lazy var dateContainerView: UIView = { let view = UIView() view.backgroundColor = .black view.layer.cornerRadius = 43.125 // 86.25 / 2 view.l.. 더보기
[iOS] UICollectionView 내의 Carousel UI 수정하기 (1) 앞의 글에서 콜렉션뷰 섹션에 들어가는 캐로셀의 코드를 작성하고, VC에 연결했어요. 이제 연결된 캐로셀 UI를 팀에서 협의된 디자인에 맞추어 디테일하게 수정해 봅니다. 1. TodoCalandarViewController에서 섹션으로 나뉜 뷰의 사이즈 너비를 화면과 동일하게 수정하고, (width 360 -> 393) // 셀 크기 설정 func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { return CGSize(width: 393, height: 244) .. 더보기
[iOS] UICollectionViewCell 안에 UICollectionView 넣기 앞의 글에서 화면 전체(SafeArea)를 콜렉션뷰로 설정하고 섹션을 세개로 나누었어요. 이제, 나눠진 섹션에 들어가는 캐로셀의 코드를 작성하고, 화면(TodoCalandarViewController) 에 연결해 봅니다.  1. UICollectionViewDelegateFlowLayout 프로토콜을 채택 : 셀의 크기를 설정class TodoCalandarViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout { 이 프로토콜을 채택하지 않으면 collectionView(_:layout:sizeForItemAt:) 메서드를 사용할 수 없다. .. 더보기
[iOS] UICollectionView에서 Section 나누기 최종 프로젝트를 하며 진행한 코드들을 조금씩 기록해 봅니다. (다시 수정될 수 있겠지만-) 앞서 두번째 탭바에 연결되는 ToDoList Page를 CollectionView로 작업했고,  오늘은 세번째 탭바로 연결되는 화면 전체를 콜렉션뷰로 설정하고,이 콜렉션 뷰를 세개의 섹션으로 나누는 과정을 기록해 봅니다. 1. 클래스 선언 및 콜렉션뷰 선언:class TodoCalandarViewController: UIViewController { // 콜렉션뷰 선언 (지연 초기화 사용) lazy var collectionView: UICollectionView = { let layout = UICollectionViewFlowLayout() layout.scrollDi.. 더보기
[iOS] WWW : 단어로 연결된 세계 문득 5월의 마지막 날까지 날을 새며 테스트 했던 www 가 생각났어.시간이 왜 이렇게 빠르지? ʕ •ᴥ•ʔ    WWW : World Wide Web 이 아니고, Word Wide Web 이야..부족한 팀장과 함께 해준 팀원들에게 진심으로 고마웠던 프로젝트였어. 돌아보니, 앱을 개발한다는 건 정말 커뮤니케이션의 집합체라는 생각이 들어. 혼자서 개발하는 게 아니라면, 같이 작업하는 동안 예상치 못한 변수들이 정말 많이 생기더라고. 처음엔 그냥 혼자서 뚝딱 하고 뭔가를 만들어낼 줄 알았는데, 그게 완전 큰 착각이었다는 걸 깨달았어. www 소개 영상 초기 버전  structure ▽WWW├── Model│ ├── Network│   │ ├── NetworkManager│  │ ├── Rem.. 더보기
[iOS] bookStore app project (5) firstVC의 tableView를 구현한  지난 글에 이어,secondVC의 cell을 구현하여 layout을 맞추고, tableView에 연결합니다. #1 - Intro (goal setting)#2 - UI Design (Codebase)#3 - Api#4 - tableview#5 - secondVC   ||  SelectedListTableVIewCell 생성 + 구현 우선 2nd VC의 UITableView에 들어갈 아래의 Cell을 만든다.    SelectedListTableViewCell 을 만들 때 앞서 만든 SearchResultTableViewCell을 약간 재활용했다.   SelectedListTableViewCell을 실행해보며 Cell 내의 UI 확인   SecondViewCon.. 더보기
[iOS] bookStore app project (4) api 통신에 성공한 지난 글에 이어,  통신 결과 값(success or failure)을 담을 배열을 생성하여 switch문을 통해 담아내고,  ←  #1검색결과 cell을 만들었던 tableView에  ←  #2UITableViewDataSource 프로토콜 채택 ←  #3func(numberOfRowsInSection, cellForeRowAt) 바인딩  ←  #4  7r보ㅈr Z...  •̤᷆ ₃ •̤᷇ ฅ | #1.  api 통신 결과 값을 담을 데이터 배열 생성 Document 타입의 데이터를 담을 배열을 생성var answerList = [Document]() // 데이터를 담을 배열 생성  사용자의 검색어를 기반으로 네트워크 요청을 수행하고, 그 결과를 테이블 뷰에 표시하는 기능을 구.. 더보기
[iOS] bookStore app project (3) 지난 글에 이어 오늘은필요한 데이터를 모델링하고 이를 토대로 API를 연결해봅니다. 7r보ㅈr Z...  •̤᷆ ₃ •̤᷇ ฅ  | Rest API Key  우선, Kakao developers에서 개발자로 가입하고(개인 정보 입력 필수) 나에게 필요한 Rest API 키를 발급받았다. (보안 관계 상 key는 모자이크 처리했다)   | Modeling Data 작업중인 Xcode에서 New Group으로 Model 폴더를 만들고, 그 안에 BookModel.swift 파일을 생성! 그리고 아래 kakao rest api docs를  열어서 kakao의 책 검색하기의 Rest API 코드 형식을 확인했다.예제를 통해 확인하니 좀더 정확하게 이들의 정책을 따를 수 있었다.  Kakao Developers카.. 더보기

티스토리툴바