아요 개발 일기

안녕하세요~.~ 버튼 구성하는데 이미지를 제일 끝으로 정렬해야하는 디자인이더라구요! 그래서 Semantic이라는 속성을 이용해서 이미지를 오른쪽으로 정렬해보겠습니다!! Storyboard에서 설정하기 아래 이미지처럼 버튼에서 semantic을 설정해주고, 필요에따라 Insets도 설정해줍니다! (텍스트와 이미지가 몇 떨어져 있을지 설정하는 부분) Force Right-to-Left : 이미지 왼쪽 정렬 Force Left-to-Right : 이미지 오른쪽 정렬 UI 코드로 설정하기 semanticContentAttribute 를 이용해서 위의 방법과 동일하게 어느 방향으로 정렬할지 정해줍니다 Insets는 titleEdgeInsets를 사용해서 설정해주면 됩니다!! 하지만... 기존에 사용하던 title..

안녕하세요 :) 오늘은 UIView에서 원하는 모서리만 둥글게 만드는 법을 알아보겠습니다! 개발을 하다보면 특정 모서리만 둥글게 만들어줘야하는 상황이 오는데 그때 사용하면 될 것 같아요!ㅎㅎ iOS 11 이상에서는 CALayer의 CACornerMask을 사용하면 특정 모서리만 쉽게 둥글게 처리 할 수 있습니다! 그럼 우선 CACornerMask 에서 만들어준 모서리 값들의 형태를 차례차례 알아볼까요?? 위와 같이 네가지 형태를 가지고 있는데.. 정확히 이해가 잘 가지 않죠? 그림과 함께 알아보겠습니다! layerMinXMinYCorner : 뷰의 왼쪽 상단 모서리 MinX : 뷰의 최소 X 좌표 값 (뷰의 왼쪽) MinY : 뷰의 최소 Y 좌표 값 (뷰의 상단) layerMaxXMinYCorner : ..

안녕하세요! :) 오늘은 저번 글에 이어서 Property Wrapper에대해 알아보도록 하겠습니다! @ObservedObject " 관찰 가능한 객체를 구독하고 관찰 가능한 객체가 변경될 때마다 view를 무효화하는 속성 래퍼 유형입니다" 앗,, ObservedObject는 OverView가 없네요.. 구글링 합시당! - SwiftUI는 @ObservedObject를 통해 view가 외부 객체를 감지하게 해줌 - @State는 특정 view에만 사용하는 프로퍼티였다면 ObservedObject는 더 복잡한 프로퍼티(여러 메소드 & 여러 view에서 공유할 수 있는 커스텀 타입이 있는경우)에 사용 - String이나 integer 같은 간단한 로컬 property대신 외부 참조 타입(external re..

안녕하세요 소진입니다 ㅎㅎ 이번에는 SwiftUI를 이용해서 Table View를 만들어 보도록하겠습니다 :) 다른 방법으로 TableView 만들어보려면! [UI] Code base로 Table View 만들기 [UI] Story board로 Table View 만들기 [UI] xib로 Table View 만들기 미리 보기 Cell Row Custom 하기 우선 고양이 cell 부터 만들어보겠습니다!! 전에 했던 것이랑 동일하게 Custom 했습니다 ㅎㅎ 우선, 코드를 함께 보시죠!! struct CustomCat: View { var cellNum: Int var body: some View { HStack { NavigationLink(destination: DetailView()) { Image(..

안녕하세요~ 소진입니다 😄 오늘은 SwiftUI의 Property Wrapper에 대해 알아보겠습니다! 양이 많을 수 있지만, 차근차근 가봅시다! 🐢 @State SwiftUI의 View는 struct이고, 이는 언제나 소멸되거나 재생성됩니다. 하지만 struct는 값 타입이기때문에 struct내의 값을 변경 할 수 없습니다 이때, SwiftUI는 @State를 제공해 struct내의 값을 변경할 수 있게 해줍니다. (@State를 사용해 지속적으로 변형 가능한 변수를 만듬) 즉, @State를 앞에 추가하면 SwiftUI가 자동으로 변경사항을 Observe하고 해당 @State를 사용하는 view 부분을 업데이트합니다. 자, 이제 본격적으로 공식문서 부시러 가봅시다! " SwiftUI에서 관리하는 값을..

안녕하세요 :D 오늘은 SwiftUI Container View에 대해 알아보겠습니다ㅎㅎ Stack SwiftUI에서 사용할 수 있는 가장 기본적인 layout Container이며 HStack, VStack, ZStack이 있습니다. HStack - 수평 배치 VStack - 수직 배치 ZStack - 뷰를 서로 위에 오버레이하여 배치 View끼리의 간격은 조절 가능하며, 아래 이미지와같이 활용할 수 있습니다. LazyStack Stack과 LazyStack은 서로 비슷한 것 같지만 다릅니다. 차이점 먼저 알아볼까요? Stack Stack View는 자식 View를 한번에 load하기 때문에 layout을 빠르고 안정적으로 보여줄 수 있음 -> 시스템이 시스템단에서 load를 할때 하위 View의 모양..

안녕하세요오 소진입니다 ㅎㅎ 오늘은 xib를 사용하여 TableView를 만들어보도록 하겠습니다 : D 회사에서도 custom cell을 사용할때 xib를 많이 이용한다고해요!! 어렵지 않으니 해봅시다@ 다른 방법으로 TableView 만들어보려면! [UI] Code base로 Table View 만들기 [UI] Story board로 Table View 만들기 [UI] SwiftUI로 Table View 만들기 미리 보기 자! 이번에도 위와 같은 디자인으로 Table View를 만들어보겠습니다ㅎㅎㅎㅎ Cell 만들기 자! 이제 Custom Cell을 만들어볼까요?? 우선 xib 파일을 만들러 갑시다! New File을 누르거나 Commend + N 를 눌러줍니다. 여기서 Cocoa Touch Class..

안녕하세요~~ 소진입니다 :) 오늘은 SwiftUI의 Life Cycle에 대해 알아보도록하겠습니다! SwiftUI의 Life Cycle SwiftUI에서 View의 상태를 나타내는 함수(라이프 사이클)은 .onAppear .onDisappear 단 두가지 밖에 없습니다! 우선, 쉬운 이해를 위해 UIViewController LifeCycle 에서 가져온 이미지와 비교해보겠습니다 UIViewController와 SwiftUI의 LifeCycle에서 viewDidAppear와 onAppear가 viewDidDisappear와 onDisAppear가 동일한 역할을 한다고 하네요! 그렇다면 정말 동일한 역할을 하는지! 알아봅시다! .OnAppear 우선, 공식 문서부터 보겠습니다 "view가 나타날때 액션을..