본문 바로가기
반응형

AutoLayout2

[오늘의 코드 조각] [iOS 3-3] 실습: 프로필 화면으로 익히는 UIStackView와 UIImageView 안녕하세요! [생각하는 개발자]입니다.지난 시간 우리는 Xcode 인터페이스 빌더에서 제약조건(Constraints)을 일일이 주어가며 기본적인 로그인 화면을 만들어 보았습니다. 그리고 마지막에 여러 뷰를 묶어주었던 마법의 주머니, UIStackView의 맛을 살짝 보았죠.오늘은 이 StackView를 더 깊게 파고들어, 실제 상용 앱에서 가장 흔하게 쓰이는 '세련된 프로필 편집 화면'을 만들어 보겠습니다. 이번 실습을 통해 이미지 표현의 핵심인 UIImageView와, 여백을 마술처럼 제어하는 UIView의 꿀팁까지 한 번에 가져가세요!3.3.1 캔버스 위에 재료 얹기 (UI Object 배치)먼저 Main.storyboard에 새 화면을 준비하거나 기존 캔버스를 깨끗이 비워줍니다. 이번 화면을 구성할.. 2026. 7. 13.
[오늘의 코드 조각] [iOS 3-1] UIKit의 기초 : 스토리보드와 오토레이아웃(Auto Layout) 핵심 원리 안녕하세요, **'생각하는 개발자'**입니다. 지난 시간까지 우리는 Swift라는 언어의 본질과 문법을 가볍게 살펴보았습니다. 오늘부터는 드디어 화면을 그리고 움직이는 UIKit의 세계로 들어갑니다. 그 첫 단추로, iOS UI 개발의 영원한 동반자이자 때로는 통곡의 벽이 되기도 하는 오토레이아웃(Auto Layout)의 핵심 원리를 완벽하게 파헤쳐 보겠습니다.안드로이드의 레이아웃 시스템이나 웹의 Flexbox를 접해보신 분들이라면 더욱 흥미로울 것입니다. iOS는 화면을 어떻게 바라보고 있을까요?3.1.1 스토리보드(Storyboard), UI를 시각적으로 시각화하다Xcode에서 프로젝트를 처음 생성하면 Main.storyboard라는 파일을 만나게 됩니다. 스토리보드는 말 그대로 앱의 화면 흐름을 눈.. 2026. 2. 11.
반응형