안녕하세요! 피피아노입니다 🎵 오늘은 SwiftUI에서 꼭 알아야 할 요소 중 하나인 Spacer에 대해 자세히 알아보려고 합니다. Spacer는 레이아웃을 구성하는 데 있어 중요한 역할을 합니다. 이번 포스팅에선 Spacer의 기본적인 개념부터 고급 사용법까지 한 번 정리해보겠습니다! Spacer란 무엇인가? 우선 애플 개발 문서에 나와 있는 설명부터 확인해보겠습니다. "A flexible space that expands along the major axis of its containing stack layout, or on both axes if not contained in a stack" 번역을 해보면 "포함하는 스택 레이아웃의 주 축을 따라 확장되거나 스택에 포함되지 않은 경우 두 축을 따라 ..

안녕하세요! 피피아노입니다 🎵 이번 포스팅에서는 SwiftUI를 공부하기 전에 SwiftUI가 어떤 것인지 이해를 하고 가는 것이 중요하기도 하고, 왜 이렇게 많은 개발자들이 SwiftUI에 열광하는지 이해해보기 위해 SwiftUI에 대해 자세히 정리를 해보려고 합니다. 그럼 바로 시작하겠습니다! SwiftUI란? SwiftUI는 애플이 2019년 WWDC19에서 처음 공개한 프레임워크입니다. 이 SwiftUI가 등장하기 전에는 UI를 구축하기 위해서 플랫폼마다 다른 프레임워크를 사용해야 했습니다. iOS, tvOS UI는 UIKit을, macOS는 AppKit을, watchOS는 WatchKit 이렇게 말이죠. 따라서 다양한 애플 플랫폼을 개발을 하고 싶다면 수많은 프레임워크를 공부해야 한다는 단점이 ..

이번에는 iOS 개발에서 중요한 개념 중 하나인 'AutoLayout'에 대해 함께 이야기해보려고 합니다. AutoLayout은 화면의 다양한 요소들이 서로 어떤 관계를 가지며 어떻게 배치되는지를 결정하는 데 사용되는 매우 유용한 도구입니다. AutoLayout이란? 먼저 AutoLayout의 개념 먼저 정확히 알아보겠습니다. AutoLayout은 Apple이 제공하는 화면 레이아웃 시스템입니다. 이는 다양한 화면 크기와 방향에 대응하기 위해 설계되었습니다. AutoLayout은 UI 요소들 간의 관계를 정의하는 규칙, 즉 '제약 조건(constraints)'을 사용하여 레이아웃을 생성합니다. 조금 내용이 어려운데 좀 더 간단하게 말하면 '화면에 무언가를 어떻게 배치할지 결정하는 규칙'을 말합니다. 예를..

안녕하세요! 이번 포스팅에서는 iOS 개발을 하다 보면 반드시 마주치게 되는 'Tab Bar Controller'에 대해 이야기해보려고 합니다. Tab Bar Controller란? Tab Bar Controller는 사용자가 여러 뷰 컨트롤러 사이에서 전환할 수 있도록 하는 역할을 합니다. 보통 화면 하단에 위치하며, 여러 개의 탭 버튼으로 구성되어 있습니다. 각 탭 버튼은 고유한 뷰 컨트롤러에 연결되어 있으며, 사용자가 탭 버튼을 선택하면 해당 뷰 컨트롤러의 내용이 화면에 표시됩니다. 이를 통해 사용자는 앱 내에서 다양한 기능을 쉽게 이용할 수 있게 됩니다. Storyboard에서 Tab Bar Controller 사용법 우선, Storyboard에 Tab Bar Controller를 추가합니다. O..

서론이번 시간에는 Segmentes Control에 대해 알아보고 Segmented Control 사용법에 대해서 알아보도록 하겠습니다.Segmentes Control이란?Segmentes Control이란 iOS의 세그먼트 컨트롤(Segmented Control)은 사용자가 여러 옵션 중 하나를 선택할 수 있는 컨트롤 요소입니다. 주로 선택적인 작업 또는 필터링에 사용됩니다. 세그먼트는 단일 또는 다중 선택 또는 명령 목록을 나타낼 수 있는 오브젝트입니다.각 세그먼트는 텍스트 또는 이미지를 표시할 수 있지만 둘 다 표시할 수는 없다는 특징을 가지고 있습니다. Segmented Control 사용법프로젝트 Main에서 + 버튼 혹은 cmd + Shift + L 버튼을 눌러서 Segmented Contro..

서론 자! 이번 시간에는 저번 포스팅에 이어서 BMI 앱을 제작하는 과정에 대해서 포스팅을 해보려고 합니다. 저번 포스팅 내용이 궁금하신 분들은 여기를 참고해주세요! 그럼 바로 시작하겠습니다! Object 배치 우선 Storyboard로 프로젝트 파일을 하나 만들어주시고 Main.storyboard로 들어가보면 아무것도 없는 빈 화면이 나올 텐데 아래 사진처럼 Label과 Button, TextField, ImageView를 배치해주세요! 버튼 디자인 수정(라운드 값 넣기) 근데 버튼이 너무 각져서 시각적으로 좀 별로니까 라운드를 좀 넣어보겠습니다. 라운드를 넣는 방법은 소스로 하는 방법과 identity inspector를 이용하는 방법 이렇게 2가지가 있는데 지금은 identity inspector으..