이론으로는 어느정도 이해 했으니 이제 직접 만져보자. 원래 뭐든지 직접 만져보고 다듬어봐야 이해가 빠르다. 궁금하면 직접 해보는게 최고다 👍 오토 레이아웃에서 나는 모든 기준을 아이폰13 pro 할 것임 ! Safe Area를 벗어나지 않을 것이기 때문에 width은 390, height은 763임을 인지하고 오토 레이아웃을 다뤄보자 이제 진짜 시작 🎬 "위치 제약조건"과 "사이즈 제약조건" 나는 하늘색 직사각형을 어떤 해상도에서든 저 사이즈와 저 위치를 가졌으면 좋겠어서 Leading과 Bottom을 제약조건으로 설정했다. 근데 xcode에서는 문제가 있어 오토 레이아웃을 제대로 적용하지 못했다고 오류가 발생한다. 뭐가 문제일까? 오토 레이아웃의 핵심은 "위치"와 "사이즈"라고 했다. 즉, 지금 Lea..
스위프트를 공부하면서 시뮬레이터를 iPhone13 pro로 하고 iPhone13 pro기준으로만 UI를 구성했다. 그러다 갑자기 든 생각.. 혹시 iPhone14나 iPhone SE 같은 다른 기종으로 하면 화면이 깨질까? 하고 실행해보니까 아주 가관이었다. 예전에 웹 개발 공부할 때 화면 크기에 따라 화면을 다르게 출력하는 반응형 웹을 구성했었던 기억이 났다. 당연히 iOS 개발에도 있겠지 하고 찾아보니까 있다! 주저리주저리 길다. "Auto Layout dynamically calculates the size and position of all the views in your view hierarchy based on constraints placed on those views" 이 부분이 핵심이다...
이번엔 그리드 모양의 컬렉션 뷰를 만들어 볼 것이다. 어렵겠지만 일단 쫄지말고 도전! 👊 일단 생각을 해보자 어떻게 하면 그리드 모양을 만들 수 있을까? 🙄 한 줄에 몇개의 셀을 표현할지 결정하고, 그 셀들을 재사용해서 나타내주고, 그리드 모양이니까 셀 사이의 간격을 주면 될 것 같다!! 한 줄에 몇개의 셀을 표현할래? ➡️ 난 3개 셀 재사용은 어떻게 할껀데? ➡️ dequeueReusableCell을 사용할래 셀 사이의 간격은 어떻게 지정 할껀데? ➡️ delegate에서 minimumLineSpacingForSectionAt랑 minimumInteritemSpacingForSectionAt를 쓰면 될 것 같은데? 자 생각 다 끝났으면 고민하지말고 해보자 ㄱㄱ 👍 나는 내가 좋아하는 축구 팀인 리버풀..
내가 만들어 볼 예제는 강아지들을 표현하는 아주 간단한 예제이다. 왜냐고? 내가 강아지를 좋아하기 때문이지.. 🐶 바로 시작 해보자! 0. 더미 데이터 만들기 API를 사용하거나 외부에서 받아오는 것이 아니기 때문에 내가 대충 강아지 정보를 더미 데이터로 만들었다. 1. 스토리보드로 컬렉션 뷰 구성하기 표현하고자 하는 내용(강아지 사진, 이름, 견종, 설명)을 위해 이렇게 구성해봤다. 물론 오토 레이아웃도 적용했다. 별로 어려운 부분이 아니니 빠르게 다음 단계로 가자 😎 2. ViewController에 CollectionView 연결하기 화면 구성을 마무리 했으면 ViewController에 연결해야한다. 전에 공부했던 IBO를 이용해서 연결해주면 된다 ! import UIKit class puppyV..
