전체 글

Definition @resultBuilder struct ViewBuilder 클로저에서 뷰를 구성하는 사용자 지정 파라미터 속성 func contextMenu( @ViewBuilder menuItems: () -> MenuItems ) -> some View 클로저 파라미터를 통해 child view를 생성하고자 할 때 ViewBuilder를 사용할 수 있다. 위와 같이 파라미터로 ViewBuilder를 사용해 클로저로 child view를 포함하는 뷰를 생성할 수 있다. myView.contextMenu { Text("Cut") Text("Copy") Text("Paste") if isSymbol { Text("Jump to Definition") } } contextMenu의 menuItems 클..

폰트는 프리텐다드 사용함 (사이트링크) Pretendard Pretendard 프리텐다드 Pretendard 프리텐다드 글꼴 다운로드 일본어 버전 다운로드 GitHub에서 보기 system-ui를 대체하는 글꼴 Apple의 system-ui가 익숙한 나로서는 San Francisco와 Apple SD 산돌고딕 Neo가 없는 cactus.tistory.com 글꼴 다운로드를 눌러서 맥에 저장 피그마에서 사용하기 위해 각 항목을 더블 클릭해서 설치 Figma 텍스트를 추가한 후 폰트, 폰트의 굵기, 자간, 행간을 지정 그 후 Text 옆에 점 네개 아이콘 클릭 텍스트 스타일 메뉴가 나오면 + 버튼을 눌러 새로운 텍스트 스타일을 등록 새로운 텍스트 스타일의 이름을 지정한 뒤 create style을 눌러 저장..

폰트 지정 .font(.system(.caption, design: .rounded)) 폰트 굵기 지정 .fontWeight(.medium) 폰트 정렬 .multilineTextAlignment(.leading) 줄 수 (UIKit과 달리 0 으로 지정할 경우 1줄, nil로 지정할 경우 여러줄로 표시됨. 공간이 충분하지 않은 경우 글자 짤림) .lineLimit(10) 줄과 줄 사이 간격 .lineSpacing(10) 말 줄임표 표시 부분 지정 (처음, 중간, 끝) .truncationMode(.middle) 폰트 색상 지정 .foregroundColor(.white) 글자와 글자 사이 간격 .tracking(2) formatter 지정 Text(Date(), formatter: customFormat..

SwiftUI에서는 UIKit의 UITextField 대신에 TextField라는 View를 사용합니다. TextField를 사용하다 보면 기존에 UITextFieldDelegate의 기능이 필요할 때가 (아직까지는) 많습니다. SwiftUI에서 UITextField를 사용할 수 있게 UIViewRepresentable를 정의할 수 있어요. UIViewRepresentable에 대한 자세한 설명은 아래 포스팅 참조 2023.08.20 - [SwiftUI] - [SwiftUI] UIKit 사용을 위한 UIViewRepresentable 이해하기 [SwiftUI] UIKit 사용을 위한 UIViewRepresentable 이해하기 protocol UIViewRepresentable : View where S..

개발 블로그를 작성하다보니 포스팅에 코드 박스가 포함될때가 많습니다. 티스토리 블로그는 html과 css를 편집할 수 있어 원하는 폰트를 적용할 수 있습니다. 그런데 막상 코드 박스에 글꼴은 적용이 안될 때가 있고, 원하는 한글 폰트를 설정하면 영어의 l, i, L, I 의 구분이 어려워 코딩 글꼴로 적절하지 않을 수 있습니다. 그래서 코드 박스에만 다른 폰트를 적용하는 방법을 포스팅 해봅니당 우선은 블로그 전체 폰트 변경방법입니당 https://noonnu.cc/font_page/92 눈누 D2Coding - 네이버 noonnu.cc 저는 눈누라는 사이트를 주로 이용합니다! 공식적으로 사용가능한 예쁜 폰트가 많이 있어요! 그래도 사용하기 전에 꼭 라이센스 확인하기!! 원하는 폰트를 선택하면 오른쪽 상단..

Attributed 텍스트나 별다른 코드 없이 밑줄, 하이퍼링크 이동을 작성할 수 있습니다. struct LinkView: View { var body: some View { Link("네이버로 이동", destination: URL(string: "https://naver.com")!) } } Link라는 뷰를 이용하면 화면에 보일 텍스트와 이동할 웹사이트 주소를 쉽게 작성할 수 있습니다. Link("네이버로 이동", destination: URL(string: "https://naver.com")!) .fontWeight(.heavy) .foregroundStyle(.green) 폰트의 변경도 쉽습니다. 만약 사용자에게 이것이 단순 텍스트가 아닌 하이퍼링크 이동이라는 것을 인지 시켜 주고 싶은 경우 ..

bottom card view, botton sheet 등 용어가 많은데 modifier의 이름은 sheet입니다 @State private var isShowingSheet: Bool = false 화면에 sheet으로 띄울 view를 보여줄지 여부를 위해 State를 하나 선언해 줍니다. false이면 화면에 보이지 않게 되고, true이면 하단에 sheet 형태로 view가 보이게 됩니다. Button { isShowingSheet.toggle() print(isShowingSheet) } label: { Text("바텀시트 띄우기") } isShowingSheet 값을 바꾸기 위한 Button을 하나 만듭니다. 버튼을 누르면 isShowingSheet 을 토글해 줍니다. .sheet(isPrese..

UIKit에서 AVKit의 AVPlayer를 사용해서 동영상을 보여 줄 수 있었습니다. SwiftUI에서 동영상을 화면에 보여주고 컨트롤 하기 위해서는 UIViewControllerRepresentable을 사용해야 합니다. UIKit의 UIViewController를 SwiftUI의 View로 사용하기 위해 UIViewControllerRepresentable을 채택하는 struct를 생성해야 합니다. View가 화면에 보이면 자동으로 동영상이 실행되는 간단한 예제입니다. import SwiftUI import AVKit struct VideoPlayerView: UIViewControllerRepresentable { /// 외부에서 AVPlayer의 상태를 변경하거나 액세스할 수 있음 @Bindin..