안녕하세요. 린다입니다. 프로젝트를 하면서 피그마를 사용하면 디자이너들은 Line Height를 지정해주는데요.. SwiftUI에는 LineSpacing 이 있는데.. 막 적용했을 때 Line Height랑 다르게 보여지더라구요. 그래서 Line Height는 무엇인지, 그리고 어떻게 적용해야 하는지를 찾아보았습니다. 중간 글씨들의 Line Height는 20이라고 명시되어 있습니다. 그래서 SwiftUI의 Line spacing에 20을 적용하면 이상하게 나오는데요. 당연합니다. 왜냐면 Linespacing은... *Linespacing 이란? (from. docs) 뷰의 텍스트 요소에 대해 한 줄의 아래쪽에서 다른 줄의 위쪽까지의 간격을 설정하는 값 즉, 한줄부터 다음줄 사이의 거리를 의미합니다. (..
안녕하세요. 린다입니다. 오늘은 TextField에 입력받는걸 제한하는 방법을 블로깅 하려고 해요. 사실 별거 아닌줄 알았는데 단순하게 char의 정규표현식으로만 하니까 안 돼서 .. 은근히 고생을 해가지구 빠르게 블로깅하고 가려고 합니다. 방법은 TextField의 onchange를 통해서 입력값을 판별해주면 돼요. 현재 입력값인 newValue를 koreaLangCheck이라는 함수를 통해서 판별을 하고, 조건에 따라서 규칙를 판별해주고 있는 코드입니다. TextField("닉네임을 입력해주세요", text: $nickname) .customTF(type: .normal) // 커스텀 조건 .onChange(of: nickname) { newValue in if koreaLangCheck(newVal..
안녕하세요. 린다입니다. 최근 프로젝트를 진행하면서 애플 로그인을 구현했어요. 이번에는 커스텀으로 구현을 해야했습니다. 그치만 애플이 제공해주는 로그인 버튼은 이렇게 생겼잖아요 ... ? 사실 매일 기본적으로 제공해주는 저 버튼 디자인만 써버릇해서.. 어떻게 하면 쉽고 빠르게 디자인만 변경할 수 있을까를 고민하다가.. blendMode(_:) 라는 modifier를 발견했습니다.. https://developer.apple.com/documentation/swiftui/view/blendmode(_:) blendMode(_:) | Apple Developer Documentation Sets the blend mode for compositing this view with overlapping views..
안녕하세요. 린다입니다. 프로젝트 하면서 구현했던 무한(?) 스와이프 뷰가 있는데요. 그 뷰를 구현하면서 샘플로 그려봤던 뷰를 정리해보려고 해요. 샘플 사진은.. 그냥 제 맥북에 있는 제 사진을 썼기 때문에.. 흐린눈 하시고 넘어가주시면 됩니다 ㅠ.ㅠ 우선 5장의 데이터를 보여주는데 스와이프는 오른쪽 -> 왼쪽 방향으로만 가능한 뷰이며, 오른쪽으로 넘길 때마다 사진이 달라지며, 다 넘기면, 새로운 5장의 사진이 무한정으로 보이는? 형태였습니다. +) MVVM 기준으로 구현해야 하는데 아직 분리 안 해놓았습니다 😓 1. 카드 뷰 만들기 먼저 저 사각형 모양의 사진뷰에 대한 작업을 했습니다. 저희 뷰에는 유저 이미지, 이름, 게시물이 게시된 시간, 좋아요 수, 제목 이런 값들이 이미지 위에 올라가야 했어요...