안녕하세요! 피피아노입니다🎵 이번 포스팅에서는 SwiftUI에서 사용하는 List에 대해서 정말정말 간단하게!! 포스팅을 하도록 하겠습니다! 그럼 바로 시작하겠습니다! SwiftUI List먼저 List에 대해서 공부하기 전에 List 뷰가 뭔지부터 알아야 하는데 List뷰는 여러분들이 아이폰을 사용한다면 정말 많이 봤을 겁니다.제가 간단하게 List뷰를 사용해서 어떻게 생긴 건지 한 번 살펴보겠습니다. 바로 이게 List 뷰입니다! 많이 익숙하죠? SwiftUI에서 List뷰는 수직 방향의 목록 형태로 사용자에게 정보를 제공하는 방법을 제공합니다. 리스트 항목은 일반적으로 사용자가 터치했을 때 앱의 다른 영역으로 이동하게 됩니다. 이런 액션은 NavigationStack 컴포넌트와 Navigation..

안녕하세요! 피피아노입니다 🎵 이번 포스팅에서는 SwiftUI가 출시된 이유에 대해서 한 번 정리를 해보려고 합니다. 서론갑자기 이런 글을 쓰게 된 이유는 SwiftUI가 재밌고 신기하고 너무 좋지만 한편으로는 애플은 기존에 잘 쓰던 (정말 잘 쓰고 있었는지는 모름) UIKit를 계속 안 쓰고 왜 SwiftUI라는 새로운 프레임워크를 출시했는지 궁금해지기도 했고 애플이 이러한 프레임워크를 출시한 이유를 알면 SwiftUI라는 기술을 더 잘 쓰고 이해하기가 쉬워지지 않을까? 라는 생각이 들어서 작성하게 되었습니다.(겸사겸사 나오게 된 이유도 공유하고요!) SwiftUI란?먼저 SwiftUI 출시 이유를 살펴보기 전에 SwiftUI가 뭔지 알아보자면 Apple이 2019년 WWDC 19에서 처음 공개한 선..

안녕하세요! 피피아노입니다🎵 이번 포스팅에서는 SwiftUI의 상태 프로퍼티(State Property)에 대해서 정리해보도록 하겠습니다. 서론 SwiftUI는 앱 개발에 있어서 데이터 중심의 접근 방식을 선호합니다. 이 방식에서는, 사용자 인터페이스의 각 뷰가 기본 데이터가 변할 때마다 별도의 업데이트 코드를 작성하지 않아도 자동으로 갱신되는 특성을 가지고 있습니다. 이는 데이터와 뷰 사이에 마련된 게시자(publisher)와 구독자(subscriber)의 관계를 통해 가능해집니다. SwiftUI는 이러한 데이터 주도적인 사용자 인터페이스를 구현하기 위해 여러 도구를 제공합니다. 상태 프로퍼티(State properties), 관찰 가능한 객체(Observable objects), 상태 객체(State..

안녕하세요! 피피아노입니다 🎵 이번 시간에는 SwiftUI를 배우면 꼭 알아야 하는 스택 정렬과 정렬 가이드 대해서 포스팅을 해보겠습니다! 그럼 바로 시작하겠습니다! 컨테이너 정렬SwiftUI 스택을 사용할 때 가장 기본적인 정렬 방법은 컨테이너 정렬입니다.  컨테이너 정렬이란 스택에 포함된 하위 뷰들이 스택 내에서 정렬되는 방식을 말하는데, 스택에 포함된 각각의 뷰에 지정된 정렬이 따로 없다면, 스택에 적용한 정렬이 하위 뷰에 적용되게 됩니다. 이렇게 개별적으로 적용된 정렬이 없는 하위 뷰에 상위 뷰의 정렬 방법이 적용되는 것을 암묵적으로 정렬(implicitly aligned)되었다고 표현합니다. 정렬을 할 때 중요한 점은 HStack은 하위 뷰를 수직 방향으로 정렬을 하고, VStack은 하위 뷰..

안녕하세요! 피피아노입니다 🎵 서론 SwiftUI를 사용해서 개발을 할 때 중요한 요소 중 하나는 SwiftUI의 내장 뷰를 활용하는 동시에, 개별적으로 커스텀 뷰를 생성하여 사용자 인터페이스 디자인을 선언하는 방법을 익히는 것입니다. 그래서 이번에는 포스팅에서는 SwiftUI 뷰의 개념에 대해서 정리를 하고 어떻게 구성이 되어 있는지 정리 해볼까 합니다. SwiftUI 뷰 먼저 사용자 인터페이스 레이아웃은 뷰 사용과 생성, 그리고 결합을 통해서 SwiftUI로 구성됩니다. 가장 먼저 뷰(View)에 대해서 이해하는 것이 중요한데, SwiftUI에서 뷰는 View 프로토콜을 따르는 구조체로 선언되게 됩니다. 이 View 프로토콜을 따르도록 하기 위해서 구조체는 body 프로퍼티를 가지고 있어야 하고 바로..

안녕하세요! 피피아노입니다 🎵 오늘은 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" 번역을 해보면 "포함하는 스택 레이아웃의 주 축을 따라 확장되거나 스택에 포함되지 않은 경우 두 축을 따라 ..