분류 전체보기586 .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. Set Image 오늘은 위와 같이 이미지와 Text를 이용한 프로필화면을 구현해보자. 시작하기 전에 SF Symbols(애플의 시스템 이미지를 사용하기 위함)를 다운 받아주자. (링크) 1. Circle ImageView 만들기 우선 새로운 파일을 만든다. (CircleImageView) 그리고 아래와 같이 ContentView처럼 틀을 만들어준다. [만들기 전 ImageView에 대한 경험] import SwiftUI struct CircleImageView : View { var body: some View { Text("CircleImageView") } } struct CircleImageViews: PreviewProvider { static var previews: some View { CircleImageV.. 2022. 7. 15. Text 여러 Component들은 해당 Component의 텍스트를 작성하고 .(dot)으로 그 Component에 대한 속성을 작성해서 UI를 구현한다. Text도 마찬가지로 아래와 같이 구현이 가능하다. import SwiftUI struct ContentView: View { var body: some View { Text("Hello, world!") .font(.system(size: 30)) .fontWeight(.heavy) .foregroundColor(.green) .background(.orange) } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } 1. 폰트 [.. 2022. 7. 14. 개발일지 26일차 (07/14) - 아이그립X QC 보호되어 있는 글 입니다. 2022. 7. 14. 웹뷰 띄우기 1. 웹View 만들기 우선 웹뷰를 만들기 위해서 새로운 파일을 하나 만들자. 코드를 작성하기 이전에 없는 info.plist를 만들어주자. (나타내자) - 링크 import SwiftUI import WebKit //MARK: UIViewRepresentable: UIKit의 UIView를 사용할 수 있도록 한다. struct MyWebView: UIViewRepresentable { var urlToLoad: String //MARK: - UIView 만들기 func makeUIView(context: Context) -> WKWebView { //언래핑 - 너가 가져온 url 값이 비어있다면 WKWebView를 반환 guard let url = URL(string: self.urlToLoad) el.. 2022. 7. 13. 개발일지 25일차 (07/13) - 아이그립X QC 보호되어 있는 글 입니다. 2022. 7. 13. @Binding - 데이터 연동 이번 글은 이전 글의 코드를 이어서 진행하겠다. @Binding을 이용해서 다른 View에서도 데이터를 연동할 수 있도록 해보자. 1. @Binding을 사용하고 다른 View에서 해당 변수를 사용해야하기 때문에 Private를 쓰지 않고 변수를 선언하자. //MARK: 데이터를 연동 @Binding var isActivated: Bool 2. init을 사용해서 기본값을 설정해주자. //MARK: 생성자 - 기본값 설정과정 init(isActivated: Binding = .constant(true)) { _isActivated = isActivated } 3. Bool 값에 따라서 속성을 변경해보자. import SwiftUI struct MyVStackView: View { //MARK: 데이터를 .. 2022. 7. 12. @State - 상태변화 감지 이번 글은 이전 글의 코드를 이어서 진행하겠다. 1. 탭 제스처를 사용자가 했을 때 HStack의 padding, Color가 변경되게 만들어보자. 우선 제스처를 했는지 확인하는 과정이 필요하다. 따라서 HStack의 속성에 탭 제스처를 했는지 확인후 탭 제스처를 했다면 해당 로직을 실행하는 속성을 추가해보자. .onTapGesture { //코드 } 내부에 탭을 했다면 "탭을 했습니다!" 라고 print 되도록 코드를 작성해보자. import SwiftUI struct ContentView: View { var body: some View { HStack { MyVStackView() MyVStackView() MyVStackView() } .padding(10) .background(Color.red.. 2022. 7. 12. SwiftUI와 친해지기 프로젝트 구성 새로운 프로젝트를 만들 때 Stoyboard가 아니라 SwiftUI를 선택해서 생성하면 아래와 같은 파일들이 뜨게 된다. 프로젝트 이름App.swift ContentView.swift Assets.xcassets Preview Content Preview Assets.xcassets 1. 프로젝트 이름App.swift SwiftUI로 된 프로젝트를 생성하면 Stoyboard로 된 프로젝트와 다른 점이 있다. AppDelegate와 SceneDelegate가 없다는 점이다. 물론 애플도 생각 없이 없애진 않았다. AppDelegate와 SceneDelegate의 역할은 "프로젝트 이름App.swift"의 파일에서 주어진 메서드를 통해서 해결할 수 있다. (자세한 내용은 추후 배우면서 알아보겠.. 2022. 7. 12. 개발일지 24일차 (07/11) - 아이그립X 측정실패 로직 변경 보호되어 있는 글 입니다. 2022. 7. 11. 이전 1 ··· 13 14 15 16 17 18 19 20 다음
