SwiftUI

안녕하세요! 오늘은 UIButton title의 CustomFont 적용과, UIButton.COnfiguration에 대해서 알아보겠습니다! 먼저, 제가 직면한 상황을 먼저 설명하고 그에 따른 해결 방법과 개념을 정리해 볼게요! 아래는 조금 더 직관적인 설명을 위해서 간결한 말투를 사용할 테니 양해부탁드려요 :) 그렇지만 100% 제가 작성한 거 맞다는 거..🥹 [ 문제상황 ] 1. Button을 Custom Class로 개발하여 재사용이 가능하도록 하려헀다. (CSButton) 2. CSButton 내부에 setConfiguration 함수를 정의해서 backgroundColor, titlefont, radius 등을 미리 설정해 뒀다. 3. radius나 backgroundColor는 잘 설정이 되..

이번에는 MapKit을 사용해서 이런 화면을 만들어 볼 거에요! 전에 만들어뒀던 ContentView와 CircleImage를 사용하면 되겠다는 생각이 벌써부터 막 듭니다 ㅎ 먼저, MapKit 먼저 갈게요 [ MapKit ] 설명을 보면 SwiftUI에서는 Map을 마커나 어노테이션, 커스텀 요소들과 함께 보여줄 수 있다고 합니다. 사용자의 위치나 동선등을 옵션으로 보여줄 수 있다고도 합니다. 여기서는 그런게 있다고만 알고 넘어가고 또 마커를 이용한 기능을 개발할 때 더 자세히 다뤄보겠습니다. 우리는 MapKit을 사용한 MapView를 따로 컴포넌트로 빼줄 겁니다. 그러기 위해서 SwiftUI VIew 파일을 새로 하나 생성해주고, MapKit을 import 해 줍니다. import SwiftUI i..

이번에는 커스텀 이미지뷰를 만들건데, 재사용 가능하도록 컴포넌트화 시켜서 만들어 보겠습니다! [ SwiftUI View 생성] 새로운 swiftUI파일을 생성해줍니다. 우리는 Circle Image 를 커스텀 할 것이기 때문에 이름은 CircleImage.swift로 하겠습니다! [ 이미지 추가 ] Assets에 사용할 이미지를 추가해줄게요! 저는 turtlerock.jpg를 넣어줬습니다. [ Shape ] Image()를 사용하고 그 밑에 Modifier를 사용해서 모양과 border를 추가해주겠습니다. .clipShape() 를 사용해서 Circle()을 파라미터로 넣어주면 동그란 이미지가 나옵니다! [ Overlay ] 원을 하나 더 만든 다음 오버레이로 추가합니다. 이미지의 테두리를 부여할 수 있..

View를 생성할때 Stack 은 필수요소입니다 튜토리얼에서 간단하게 뷰를 사용하는 방법을 소개할게요! 애플 공식사이트 Tutorial 에서는 Landmark를 소개하는 앱을 만드는 것을 목표로 하고 있어요! 먼저, SwiftUI 에서 사용하는 Stack 에는 HStack과 VStack 이 있어요! ZStack이라는 것도 있는데 이건 나중에 다시 설명할게요! 이름에서부터 알 수 있듯이, HStack은 Horizontal, VStack은 Vertical 입니다! 최종적으로 이런 모습으로 만들거에요! 사용하는 방법으로는 감싸고 싶은 컴포넌트를 오른쪽 탭하게 되면 해당 컴포넌트를 Stack으로 감쌀 수 있습니다! 그렇지만 실제로 코딩하다보면 이런방식은 사용하지 않으니 참고로만 알고 계세요! Stack을 적용하..