SwiftUI - ASKMO 앱 만들기 (SplashScreen)
·
SwiftUI/개발
방학동안 과후배나동기끼리 프로젝트 어플, 웹사이트를 만들기로 하였습니다. 네이버지식in과 같은 어플이라고 생각하시면 됩니다. 지식in보다 조금 더 코딩질문에 가까운 사이트라고 생각하시면 편합니다. 일단 저는 프로젝트리더긴 하지만 저도 처음이고 후배들도 처음 공부하면서 프로젝트하는거라 완성이 될 지는 모르겠습니다. 하지만 완성보다는 공부를 하는 위주로 생각하고 있고 저는 백엔드와 SwiftUI를 같이 공부하며 풀스택 개발자가 되도록 노력할 것 입니다. 일단 앱을 시작하면 유명한 앱들은 자기의 아이콘을 잠깐 보여주고 실행이 됩니다. SplashScreen인데 저번에 공부했던것을 이용하여 만들어봤습니다. @State var isFinished = false State : 변화가 생기면 해당 변수의 값을 읽거나..
SplashScreen-DisneyApp 공부 [SwiftUI]
·
SwiftUI/개발
HStack(spacing: -20 ){//Hstack 가로끼리 프레임 지정 x축 Image("disney") // asset파일에 저장한 이미지를 불러옴 .renderingMode(.template)//template - 이미지의 불투명 영역이 가진 본래의 색 무시하고 원하는 색으로 변경해 템플릿 이미지로 활용 .resizable() //적당한 크기로 변경 .aspectRatio(contentMode: .fit) //마찬가지로 크기변경 .frame(width: size.width / 1.9, height: size.width / 1.9) // 넓이와 높이 사이즈조정 .opacity(bowAnimation ? 1 : 0) Image("plus") // 플러스 이미지 지정 .renderingMode(.te..
SwiftUI - Animation (Add to Bag)
·
SwiftUI/개발
이번에는 나이키어플 중 신발을 선택하여 장바구니에 추가되는 모습을 따라해봤습니다. \
SwiftUI - Stack
·
SwiftUI/정리
이번에는 stack을 가지고 일정을 나타내게 해봤습니다. VStack , HStack 을 이용해서 밑에 이미지를 생성해주었습니다. 이제 그밑에 생성될 목록들을 만들어주는데 이미지,텍스트,시간,배경색을 쉽게 바꿀수있게 var로 선언해줘서 값을 입력해줍니다. ScrollView를 넣어서 스크롤 이 가능하게 만들어 줍니다. 다음에 만들 메뉴와 프로필 이미지도 일단 설정해줬습니다.
캘린더 어플 만들기 - 아키텍처
·
SwiftUI
SwiftUI로 캘린더 어플을 만들어보려고 합니다. 앱을 개발하기전 앱의 목적,사용자,핵심기능을 고려해야하고 아키텍처와 와이어프레임을 만들어놓고 합니다. 그중 아키텍처를 먼저 만들어봤습니다. 앱의 목적 : 캘린더와 오늘 할일 목록 앱의 사용자 : 시간약속과 하루 할일들의 정보가 필요한 사람들 앱의 핵심 기능은 무엇: 자기가 해야 될 목록들을 추가하고 그것을 이뤄냈을 떄 성취를 느낄수있게 한다.
SwiftUI - Image
·
SwiftUI/정리
이번에는 Image를 이용하는 코딩을 공부해봤습니다. asset에 이미지를 추가해줍니다. 그리고 zstack과 vstack을 이용하여 Image들을 위치시킵니다. .resizable : 이미지를 크기가 알맞게해줍니다. .aspectRation: 마찬가지로 이미지크기를 지정해줍니다. .edgesIgnoringSafeArea : 위의 모서리부분도 이미지가 들어갈수 있게 해줄수있습니다. .clipShape: 이미지를 원하는 모양으로 만들수있습니다. 저번에 만들었던 webview를 이용해서 블로그 가는것도 만들어봤습니다.