분류 전체보기640 개발일지 45일차 (08/13) - 고객사 QC 진행 보호되어 있는 글 입니다. 2022. 8. 13. 개발일지 44일차 (08/12) - 고객사 QC 진행 보호되어 있는 글 입니다. 2022. 8. 12. 개발일지 43일차 (08/11) - 고객사 QC 진행 보호되어 있는 글 입니다. 2022. 8. 11. overlay - View 중첩 1. 정의 💡 View의 원본의 공간을 기준으로 기 위에 새로운 View를 중첩해서 쌓는 기능을 하는 수식어 2. 사용방법 1. 기본 사용법 struct CircleImageView: View { var body: some View { Image("turtlerock") .clipShape(Circle()) .overlay { Circle() } } } 기존 ImageView 크기에 맞춰서 검은색(기본값)의 원형 View 생성 2. 크기를 조정한 사용법 struct CircleImageView: View { var body: some View { Image("turtlerock") .clipShape(Circle()) .overlay { Circle() .frame(width: 200.0, height:.. 2022. 8. 10. .clipShape( ) - 이미지 모양 변경하기 1. 정의 💡 clipShape은 해당 View의 모양을 설정하는 것이다. 2. shape의 종류 Circle() - 원형 Ellipse() - 타원형 Rectangle() - 직사각형 RoundedRectangle(cornerSize: CGSize(width: ,height: )) - 모서리가 둥근 직사각형 RoundedRectangle(cornerRadius: 30): 둥근모서리 2022. 8. 10. Spacer( ) - UI사이의 간격 만들기 출처 - 서근님 티스토리 1. Spacer의 정의 💡 Spacer( )란 View 사이의 간격을 설정하거나 View의 크기를 확장할 용도로 사용되는 레이아웃을 위한 View이다. 2. Stack 외부의 Spacer VS Stack 내부의 Spacer [Stack 외부의 Spacer] 부모 뷰가 제공하는 공간 내에서 가능한 최대 크기로 확장 시작적 요소를 적용할 수 있는 하나의 뷰로 사용 //스택 외부에서 struct ContentView: View { var body: some View { Spacer().background(Color.blue) //공간 최대 확장. 시각적 요소 표현 가능 } } [Stack 내부의 Spacer] 시각적 요소가 제외되고 단지 공간을 차지하기 위한 역할로만 가능 만약 콘텐.. 2022. 8. 10. 개발일지 42일차 (08/09) - 음식 검색 로직 변경 보호되어 있는 글 입니다. 2022. 8. 9. 개발일지 41일차 (08/08) - 배너로직 구현(FAQ 카테고리 이미지 로드 오류) 보호되어 있는 글 입니다. 2022. 8. 8. IBSegueAction사용해서 화면전환하기 ✍🏼 상황: 테이블 뷰를 클릭했을 때 화면이 전환되면서 클릭한 cell의 title이 전환된 화면 중앙에 나타난다. ✍🏼 1. 화면구성하기 아래와 같이 화면을 구성해준다. Navigation Controller - TabeView가 있는 ViewController Label이 있는 ViewController 2. Segue연결해주기 아래와 같이 화면을 Segue로 연결해서 화면 전환을 시켜준다. Navigation Controller - TabeView가 있는 ViewController ---(Segue)--- Label이 있는 ViewController 3. IBSegueAction연결하기 + Segue Identifier 입력하기 아래와 같이 Segue를 우클릭해서 IBSegueAction을 만들어주.. 2022. 8. 4. 개발일지 40일차 (08/03) - 배너로직 구현 보호되어 있는 글 입니다. 2022. 8. 4. 개발일지 39일차 (08/03) - 배너로직 구현(클래스엣 메인) 보호되어 있는 글 입니다. 2022. 8. 3. 개발일지 38일차 (08/02) - 배너로직 구현(기록관련 화면) 보호되어 있는 글 입니다. 2022. 8. 2. 개발일지 37일차 (08/01) - 이니셜라이저를 이용한 화면전환 보호되어 있는 글 입니다. 2022. 8. 1. Designated Init / Convenience Init / Failable Init / Super.init / required init Designated Init (지정 초기자) 클래스 타입은 반드시 한개 이상의 Designated Init이 필요하다. 클래스의 모든 프로퍼티를 초기화해야한다. class Person { var name: String var age: Int? var address: String init() { name = "DH" address = "서울특별시" } init(name: String, address: String) { self.name = name self.address = address } } Convenience Init (보조 초기자) Convenience init 내부에서 반드시 Designated Init이 호출되어야 한다. (self.init()) class Person { var name: S.. 2022. 7. 30. 개발일지 36일차 (07/30) - coder? / 배너 로직적용 보호되어 있는 글 입니다. 2022. 7. 30. 개발일지 35일차 (07/29) - currentSubUserIndex 관련 문제 튕김 해결 / 배너로직 구현 보호되어 있는 글 입니다. 2022. 7. 29. 개발일지 34일차 (07/28) - 배너로직 구현 보호되어 있는 글 입니다. 2022. 7. 28. 개발일지 33일차 (07/27) - 오류 수정 보호되어 있는 글 입니다. 2022. 7. 27. 개발일지 32일차 (07/26) - 쇼핑탭관련 작업 보호되어 있는 글 입니다. 2022. 7. 26. 개발일지 31일차 (07/25) - 쇼핑탭 이슈 해결 보호되어 있는 글 입니다. 2022. 7. 25. 개발일지 30일차 (07/22) - 식단 즐겨찾기버튼 중복방지 보호되어 있는 글 입니다. 2022. 7. 22. 개발일지 29일차 (07/21) - 쇼핑탭 풀모달 구현(WKWebView) 보호되어 있는 글 입니다. 2022. 7. 21. 개발일지 28일차 (07/20) - 배너로직 이해와 문답 보호되어 있는 글 입니다. 2022. 7. 20. 개발일지 27일차 (07/19) - 1차 하자보수 보호되어 있는 글 입니다. 2022. 7. 19. Stack SwiftUI에서 Stack은 VStack, HStack, ZStack 총 3개가 있다. VStack은 "Vertical Stack", HStack은 "Horizontal Stack", ZStack은 "Z axis Stack"을 의미한다. (위의 그림참고) 각각의 Stack을 다루는 방법을 배워보자. 1. VStack [VStack 확인하기] VStack 내부에 Rectangle() 3개를 추가하면 아래와 같은 화면이 뜬다. VStack 내부에 추가했기때무에 수직으로 쌓인다. [VStack의 속성] 1. VStack의 크기 설정과 백그라운드 설정 VStack의 크기는 frame(width: ,height: )를 사용해서 조절할 수 있다. .frame(width: ,height: ) 2. VStack 내부.. 2022. 7. 18. 이전 1 ··· 18 19 20 21 22 23 24 ··· 26 다음
