🎨 UIKit & SwiftUI 야옹

/

🎨 UIKit & SwiftUI

15

iOS UI 개발에 필요한 UIKit과 SwiftUI 관련 내용을 정리합니다.

[UIKit] UI 업데이트 "해줘", 데이터 바인딩 앱을 만들다 보면 종종 아래와 같은 상황을 겪게 된다.버튼을 눌렀을 때 값을 어디에 알려줘야 하지?”“ViewModel에서 가져온 데이터를 어떻게 View에 알려주지?”“상태가 바뀌었는데, View는 왜 가만히 있지...?”이럴 때 필요한 게 바로 데이터 바인딩으로, 데이터가 바뀌면 UI에 반영되도록 연결해주는 일종의 "파이프 라인"이다.여기에서는 UIKi

0

0

25 days ago

8 min read

[UIKit] UIView의 tag 사용이 안티패턴인 이유와 대안 UIKit에서 UIButton.tag를 활용하여 버튼을 구분한 적이 있었는데, 코드리뷰를 통해 안티패턴임을 알게 되었다. 이 글에 tag를 사용하는 것이 왜 문제가 되는지, 대안은 무엇이 있는지 기록한다.UIButton.tag란?UIKit에서 tag는 UIView의 속성으로, 개발자가 정수(Int) 값을 부여하여 특정 뷰를 식별할 수 있도록 설계되었다.le

0

0

2 months ago

5 min read

[UIKit] 그라데이션 효과 적용하기 iOS에서는 CAGradientLayer를 활용하여 쉽고 효율적으로 그라데이션을 적용할 수 있다.CAGradientLayer란?CAGadientLayer는 Core Animation의 하위 클래스로, UIView의 배경에 부드러운 색상 전환(그라데이션 효과)을 추가할 때 사용된다.주요 특징성능 최적화: GPU에서 렌더링되어 성능에 영향을 최소화함다양한 색상

0

0

2 months ago

5 min read

[UIKit] ScrollView에서 touchesBegan이 호출되지 않는 문제 해결하기 문제 상황UIKit을 사용하여 UIScrollView 내부에서 터치 이벤트(touchesBegan)가 호출되지 않는 이슈가 발생할 수 있다. 특히, UITextField나 UITextView가 포함된 ScrollView에서 키보드를 닫기 위해 터치 이벤트를 감지하려 할 때 이 문제가 종종 발생한다.문제의 원인:UIScrollView는 기본적으로 터치이벤트를

0

0

2 months ago

4 min read

[UIKit] SnapKit으로 iOS 오토레이아웃을 간편하게 적용하자!iOS 앱 개발에서 UI를 만들 때 오토레이아웃(Auto Layout)을 설정하는 것은 필수다.하지만 스토리보드를 사용하지 않고 코드로 오토레이아웃을 적용하는 것은 코드가 길어지고 복잡해질 수 있다.SnapKit이라는 강력한 오토레이아웃 라이브러리를 사용하면 이 문제를 해결할 수 있다.SnapKit이란?SnapKit은 Swift에서 오토레이아웃을 간단하게

0

0

3 months ago

5 min read

[UIKit] UITableViewCell에서 dequeueReusableCell 사용 시 발생하는 문제 해결 UITableView에서 dequeueReusableCell(withIdentifier:)를 사용할 때 잘못된 방식으로 사용하면 앱이 크래시가 발생할 수 있다.이 글에서는 dequeueReusableCell 관련 문제와 해결 방법을 정리한다.문제 상황UITableView에서 다음과 같은 오류가 발생했다.Fatal error: Unexpectedly foun

0

0

3 months ago

2 min read

[UIKit] UITableView에서 데이터 삭제 후 ‘Index out of range’ 오류 해결 방법 UITableView에서 데이터를 삭제할 때 Index out of range 오류가 발생하는 경우가 있다.다들 알다시피 이 오류는 Index가 설정된 범위를 넘어버릴 경우 발생되는 에러이다.나의 경우엔 배열의 요소가 제거된 상태에서 접근을 시도하여 발생했다.이 글에서는 이 오류의 원인과 해결 방법을 정리한다.문제 상황테이븗에서 deleteRows(at:w

0

0

3 months ago

3 min read

[UIKit] UIKit 프레임워크에 대한 기본기 학습 (UI와 로직 연결하기)UIKit이란UIKit은 iOS 앱 개발을 위한 핵심 프레임워크로, UI 요소 및 이벤트를 관리하는 역할을 한다. UIKit을 활용하면 버튼, 레이블, 테이블 뷰 등의 UI 요소를 쉽게 만들고, 화면 전환 및 사용자 입력을 처리할 수 있다.주요 UI 구성 요소UIView: 모든 UI 요소의 기본 클래스UILabel: 텍스트를 표시하는 레이블UIButton:

0

0

3 months ago

3 min read

[UIKit] 코드로 UITextField Placeholder 설정하기 현재 개발 중인 앱에 UITextField 와 UITextView 를 한 화면에서 사용하고 있다. 둘 모두에 Placeholder를 적용했는데, UITextField 는 Attribute Inspector에서 Placeholder 옵션이 있기 때문에 쉽게 설정했고, UITextView 는 이 방법을 통해 코드로 구현했다.테스트를 하다보니 이슈를 하나 발견했

0

0

3 months ago

2 min read

[UIKit] UITableView에서 Cell 추가/수정을 하나의 View에서 처리하기 To Do List 앱에 새로운 할 일을 추가할 때, 내용을 입력하기 위한 View를 구현했다. 이후에 이미 추가된 할 일을 수정하는 기능을 추가하려고 보니, 기존 View를 활용하면 좋을 것 같다는 생각이 들었다.즉, UITableViewCell 의 데이터를 View로 전달해서 기존의 값이 입력되도록 하는 기능을 구현하고자 했다.스토리보드에서 UITabl

0

0

3 months ago

2 min read

[UIKit] UITableView에서 데이터 없을 때 메시지 표시하기 To Do List 앱을 개발중에, UITableView 에 데이터가 없을 때 "할 일을 추가하라"는 메시지를 중앙에 표시하고 싶었다.(예를 들면, 아래 배민의 장바구니 같은?)하지만 UITableView 에는 Empty State를 자동으로 처리하는 기능이 없기에 아래의 방법으로 직접 구현을 시도했다.UITableViewCell 을 만들어서 Empty 상

0

0

3 months ago

2 min read

[UIKit] UITextView에 Placeholder 적용하는 방법 UITextField 에는 기본적으로 Placeholder 속성이 있지만, UITextView 에는 Placeholder 기능이 없다. 따라서, UITextView 에 Placeholder를 적용하고 싶다면 직접 구현해야 한다.Placeholder를 구현하기 위해 몇 가지 방법을 시도해봤다.Attribute Inspector에서 Placeholder 속성

0

0

3 months ago

2 min read

[UIKit] 앱 실행 시 Date Picker 오른쪽 정렬되는 문제 해결하기 Stack View 에 Date Picker 를 배치하고, Attribute Inspector에서 Alignment를 Left로 설정했음에도, 앱 실행 시 Date Picker 가 오른쪽으로 정렬되는 문제가 발생했다.이슈 재현UIDatePicker 를 UIStackView 안에 추가UIDatePicker 의 Alignment 속성을 Left(Leading)

0

0

3 months ago

2 min read

·

고양이 앉혀놓고 코딩

태그

SwiftiosUIKitData Binding

최근 댓글

아직 댓글이 없어요