이번에는 stack을 가지고 일정을 나타내게 해봤습니다. VStack , HStack 을 이용해서 밑에 이미지를 생성해주었습니다. 이제 그밑에 생성될 목록들을 만들어주는데 이미지,텍스트,시간,배경색을 쉽게 바꿀수있게 var로 선언해줘서 값을 입력해줍니다. ScrollView를 넣어서 스크롤 이 가능하게 만들어 줍니다. 다음에 만들 메뉴와 프로필 이미지도 일단 설정해줬습니다.

SwiftUI로 캘린더 어플을 만들어보려고 합니다. 앱을 개발하기전 앱의 목적,사용자,핵심기능을 고려해야하고 아키텍처와 와이어프레임을 만들어놓고 합니다. 그중 아키텍처를 먼저 만들어봤습니다. 앱의 목적 : 캘린더와 오늘 할일 목록 앱의 사용자 : 시간약속과 하루 할일들의 정보가 필요한 사람들 앱의 핵심 기능은 무엇: 자기가 해야 될 목록들을 추가하고 그것을 이뤄냈을 떄 성취를 느낄수있게 한다.

이번에는 Image를 이용하는 코딩을 공부해봤습니다. asset에 이미지를 추가해줍니다. 그리고 zstack과 vstack을 이용하여 Image들을 위치시킵니다. .resizable : 이미지를 크기가 알맞게해줍니다. .aspectRation: 마찬가지로 이미지크기를 지정해줍니다. .edgesIgnoringSafeArea : 위의 모서리부분도 이미지가 들어갈수 있게 해줄수있습니다. .clipShape: 이미지를 원하는 모양으로 만들수있습니다. 저번에 만들었던 webview를 이용해서 블로그 가는것도 만들어봤습니다.

오늘은 Text와 관련된 것들을 공부했습니다. .tracking : 글자 마다 공간을 넣어줍니다. .fontweight: 폰트 설정 .foregroundColor: 글자 색 .lineSpacing: 문장 마다 공간 .truncationMode: 글이 많아 한번에 못보여줄때 요약할 위치 .shadow: 글자뒤에 그림자 효과 dateFormat을 만들어서 나중에 날짜 형식을 원하는대로 출력 할수 있게 만들 수있습니다.

오늘은 버튼을 클릭하면 지정해준 사이트를 들어가주는 프로그램을 만들어 보겠습니다. WKWebView를 사용해야 되서 WebKit을 가져옵니다. 이번에는 view가아니라 UIVIewRepresentable를 상속합니다, 함수를 만들고 안에 guardlet을 해서 옵셔널을 풀어줍니다. 업데이트 UI VIew를 해줘야합니다. ContentView로 돌아와서 NavigationView, Link로 WebView를 불러줍니다. 이때 네비게이션뷰만 사용하면 빈공간이 생기게 됩니다. 그것을 edgesIgnoreingSafeArea로 빈공간이 없게 해줍니다.

저번에 했던 네비게이션뷰에 다가 Binding 을 추가로 넣어서 False일때 와 True일때 상태가 달라지도록 만들었습니다. Binding을 선언해주고 외부에서 값이 달라지는걸 알수있도록 prviate를 사용하지않습니다. 생성자도 가져옵니다. MyVstackview에서 padding 과 background색을 true와 false이때 달라지도록 설정해줍니다. bgColor에서도 Text를 입력해주고 마찬가지로 값이 달라질때 상태가 달라지도록 설정해줍니다. 상자를 눌렀을때 Bool값이 달라지는걸 확인할수 있습니다.

제일 기초인 Stack들과 NavigationView를 공부해봤습니다. 일단 Vstack과 Hstack으로 만들어주고 state var로 false일때 패딩크기를 다르게 했습니다. onTapgesture과 toggle(false이면 true , true이면 false)을 이용했습니다 네비게이션 뷰도 이용해서 버튼을 만들었습니다. 배경화면 눌렸을때 색이 바뀌게 만들어주기 Color배열을 이용했습니다. if문을 이용해서 Index가 하나씩추가되도록하고 color의 배열과 수가같아지면 다시 배열의 처음으로 돌아가게 설정했습니다. 네비게이션 목적지 설정해주었습니다.

이번에는 Picker를 이용하여 List들을 구별하는 어플을 만들어보겠습니다. 1) Picker를 만들어 주고 VStack 을 이용하여 선택되어진 값이 무엇인지 알수있게 만들어줍니다. -Picker를 사용하려면 State을 이용해서 값을 바인딩으로 가지고와야합니다. 2) enum을 이용하여 선택된 값을 알수있게 만들어줍니다. -enum에 있는 값을 가지고 오려면 rawvalue를 사용해야합니다. 처음은 element로 잡아주었습니다. 3) 이제 Picker를 누르면 list들이 나오게 하겠습니다. myFriend라는 구조체를 만들어줍니다. -변수 name과 변수 school을 선언해주고 Identifiable을 이용하여 변수에 UUID를 넣습니다. UUID의 자세한 설명은 https://medium.co..

SwiftUI를 이용하여 Ios어플을 만드는 법을 공부하고 있습니다. 블로그에 기록을 남기면서 복습을 하고 나중에 사용할때 쉽게 보기위해서 정리했습니다. 제가 보고 배운 강의는 유튜브에서 "개발하는정대리"라는 채널에서 배웠습니다. 사진 설명을 입력하세요. State을 이용하여 값을 지정해줍니다. Picker의 일반적인 형태입니다. pickerStyle중 SegmentedPickerStyle를 이용하여 다른 형태로 바꿨습니다. "selectedColor"배열을 이용하여 지정된 색의 이름을 나타냅니다. 사진 설명을 입력하세요. "changeColor"함수를 이용하여 Red가 선택되었을때 Circle의 색이 Red , Green, Blue로 바뀔수있게 해줍니다. Picker를 하나 더 사용해서 테두리의 색이 ..