저번에 만들었던 와이어프레임을 상세하게 채웠습니다. 움직이는 효과까지 추가해봤습니다. 앱 첫 시작 화면도 만들어봤습니다.

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

앱을 만들려면 넓게 3가지의 구성이 필요합니다. 어플리케이션 구성 1) 앱의 목적 : 앱의 사용자 : 앱의 핵심 기능은 무엇: 2) 인포메이션 아키텍쳐 구성 3) 와이어 프레임 첫 화면 상단에 가장 중요한 정보 제공 왼쪽 상단부터 오른쪽 하단순으로 정보를 배치 하나의 화면에는 하나의 메세지만 전달하기 저는 SwiftUI로 앱개발을 목표로 하고있습니다. 개발하기전 일단 와이어프레임에대해 공부해봤습니다. 프로그램은 Adobe XD를 사용하였고 강의는 유튜브에 UX스쿨이라는 곳에서 배웠습니다 여행어플 UI디자인을 해봤습니다.

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

betterprogramming.pub/creating-neuromorphic-designs-in-swiftui-290c01331738 Creating Neuromorphic Designs in SwiftUI Build a trendy, minimalist music player betterprogramming.pub 나중에 이런 디자인을 참고할수있도록 해외블로그 글을 가져왔습니다.

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