Tunko Development Diary

Swimat 코드를 자동으로 정리해주는 툴입니다. 출처 : Swimat Git Swimat 다운로드 다운로드 받은 Swimat 응용프로그램으로 이동 Swimat 실행 lnstall swimat to /usr/local/bin/ 클릭 -> 허용 완료 화면 시스템환경설정 -> 확장 프로그램 -> Xcode Source Editor 에 Swimat 체크 Xcode 실행 단축키 등록 Swimat 검색후 해당 항목을 찾으시면 편합니다. 저는 공식적으로 추천하는 단축키로 원할때 사용하기로했습니다. [ ⌘+ ⇧+ L ] 로 지정 적용완료 되었습니다. 설정하신 단축키로 코드정리 편하게 하세요 :)

컨테이너 뷰는 직접적인 하위 뷰를 10개로 제한합니다. 만약 스택 컨테이너가 10개 이상의 자식뷰를 담으면 에러가 발생합니다. 이때는 Group로 묶어서 분할이 가능합니다. Group은 동시에 Group에 속한 뷰를 hidden() 으로 감추기에도 좋습니다. 하지만 hidden() 은 감추기만 할 뿐 영역은 유지하게 됩니다. struct ContentView: View { var body: some View { VStack { Group { Text("Tunko1") Text("Tunko2") Text("Tunko3") Text("Tunko4") Text("Tunko5") Text("Tunko6") Text("Tunko7") Text("Tunko8") Text("Tunko9") Text("Tunko10"..

spacing은 컨테이너에서 적용할 수 있는 속성이다. 컨테이너 내부 뷰간에 간격을 조정 할 수 있다. struct ContentView: View { var body: some View { HStack(spacing: 5) { VStack(spacing: 30) { tunkoView(color: Color.red) tunkoView(color: Color.red) tunkoView(color: Color.red) } VStack(spacing: 30) { tunkoView(color: Color.red) tunkoView(color: Color.red) tunkoView(color: Color.red) } VStack(spacing: 30) { tunkoView(color: Color.red) tunk..

padding은 4가지 방법으로 적용이 가능하다. 아래 3개의 함수가 정의되어있다. extension View { @inlinable public func padding(_ insets: EdgeInsets) -> some View @inlinable public func padding(_ edges: Edge.Set = .all, _ length: CGFloat? = nil) -> some View @inlinable public func padding(_ length: CGFloat) -> some View } Edge.set 종류 top: Edge.Set : View 상단 leading: Edge.Set : View 왼쪽 bottom: Edge.Set : View 하단 trailing: Edge.S..

이 글은 예시로 들기엔 너무 많은 조합이 있어서 최소한으로 정리했습니다. alignment : 정렬 alignment 대표적인 사용처는 두가지로 분류할 수 있습니다. 예시코드가 길어져서 뷰하나를 만들었습니다. //tunkoView(color: Color.red) struct tunkoView : View { let color : Color init(color : Color) { self.color = color } var body: some View { Text("Tunko").foregroundColor(Color.white).frame(width: 100, height: 100).border(Color.black, width: 1).background(color) } } Container(stack)..