이 글은 장바구니 셀 높이 동적 조절 문제에서 이어지는 내용입니다. 최근 팀 프로젝트에서 장바구니 셀 높이 동적 조절 문제를 해결하면서 SnapKit의 remakeConstraints를 처음 사용했었습니다. 원래 makeConstraints밖에 몰랐기에 제약 메서드를 더 공부해서 정리해 봤습니다. SnapKit 제약 설정 메서드 정리우선 제가 찾아본 결과 메서드는 아래와 같이 총 4가지가 있었습니다. makeConstraints: 제약을 최초 설정할 때 사용.remakeConstraints: 기존 제약을 전부 제거하고 새로 설정updateConstraints: 기존 제약을 그대로 유지하면서 일부 값만 변경prepareConstraints: 제약을 미리 정의해 두고 필요할 때 activate()로 사용이제..

1. 작은 화면에서 장바구니 화면 접근 불가능한 문제팀 프로젝트에서 장바구니 역할을 맡아 구현했는데, 초기 구조는 상품 목록 영역(ProductPageView)과 장바구니 영역(cartView)이 각각 개별 View로 분리된 구조였다. 큰 화면에서는 문제가 없었지만, 작은 화면(iPhone SE 등)에서는 상품 목록 영역이 커질수록 장바구니 영역 자체가 화면 아래로 밀려 거의 보이지 않는 문제가 발생했다.이로인해 장바구니 View 자체가 화면에 들어오지도 않아 접근할 수 없고, 결과적으로 작은 화면에서는 장바구니 + 하단 버튼이 사실상 가려지는 UX 문제가 생겼다. 2. 해결 방향: 화면 전체를 하나의 스크롤로 만들기이 문제를 해결하려면 특정 영역만 스크롤되는 구조가 아니라, 상품 목록 → 장바구니 →..

오늘은 SnapKit의 메서드인 offset과 inset에 대해 정리해봤다. SnapKit이란 간단히 말해, UIKit의 오토 레이아웃을 더 간결하고 직관적으로 작성할 수 있도록 해주는 라이브러리다. iOS 좌표계 기본iOS의 좌표계를 알면 이해하는데 도움이 된다. iOS 좌표계는 왼쪽 상단이 (0,0)이고, x축은 오른쪽으로 증가, y축은 아래쪽으로 증가한다. 따라서 top과 leading 방향은 작을수록 화면의 시작점에 가깝고, bottom과 trailing은 클수록 화면의 바깥으로 향한다. offset이란?offset()은 특정 방향에 대해서 기준점으로부터 얼마나 떨어질지를 지정하는 메서드이다. 기준점이 top이나 leading처럼 뷰의 시작 지점일 경우, offset에 양수(+)를 주면 안쪽으로..

TIL은 편한 말투로 작성됩니다~ 오늘은 월요일부터 하던 미니프로젝트인 "팀원 소개 앱"을 80~90% 정도 구현하였다. 원래 Storyboard나 SwiftUI로만 개발을 했었지만, 이번에는 UIKit을 Code베이스로 작성하는 프로젝트이기에 개발하면서 공부한 내용에 대해 정리해 보겠다. SnapKit 사용법을 따로 정리해둔 Notion 페이지 주소도 아래에 작성해두었다.SnapKit을 사용하며 정리한 문법들 주소 (Notion) SnapKit우리 팀은 이번 프로젝트에 SnapKit을 적용했다. 그래서 이 부분도 공부하면서 정리해봤다. SnapKit은 바로 iOS에서 Auto Layout을 코드로 쉽게 작성할 수 있도록 도와주는 Swift 기반의 라이브러리다. 지금처럼 스토리보드 없이 UI를 코드로 구..