GitHub - bulmang/360Animations: first first. Contribute to bulmang/360Animations development by creating an account on GitHub. github.com 문법 RoundedRectangle : 둥근 모서리 직사각형 Bool = true or false 참과 거짓을 사용할때 isAnimating ‘?’ → 참 ‘:’ →거짓 animation( , value:) : 애니메이션화를 자동으로 사용하게 해줌. rotationEffect : 회전효과 Angle : 각도 import SwiftUI struct ContentView: View { @State var isAnimating: Bool = false var body..

회원 가입 패이지 개발 추가로 아이폰 SE모델 하다 12 프로맥스를 하니 확인 위젯이 끝까지 안들어가는 것을 확인했다. 수정을 해봐야 할 것 같다. CupertinoPageScaffold : IOS design을 바탕으로 만들어진 Scaffold Scaffold : Scaffold( appBar: AppBar(), // 상단에 들어갈 위젯 body: Container(), // 중간에 들어갈 위젯 bottomNavigationBar: BottomAppBar( ), // 하단에 들어갈 위젯 ) ㅇSafeArea : Appbar가 디바이스마다 달라 자동설정 해줌. CupertinoButton : padding이 default로 들어가고 있기 때문에 패딩 제로로 준다, 안되면 minsize : 0.0 설정 i..

이번에 피플팀에 앱 프론트 개발로 합류하게 되었습니다. Flutter로 개발을 하게 되었으면 앞으로 피플일을 하면서 배우는 것들을 블로그에 정리하여 올리려고 합니다.

방학동안 과후배나동기끼리 프로젝트 어플, 웹사이트를 만들기로 하였습니다. 네이버지식in과 같은 어플이라고 생각하시면 됩니다. 지식in보다 조금 더 코딩질문에 가까운 사이트라고 생각하시면 편합니다. 일단 저는 프로젝트리더긴 하지만 저도 처음이고 후배들도 처음 공부하면서 프로젝트하는거라 완성이 될 지는 모르겠습니다. 하지만 완성보다는 공부를 하는 위주로 생각하고 있고 저는 백엔드와 SwiftUI를 같이 공부하며 풀스택 개발자가 되도록 노력할 것 입니다. 일단 앱을 시작하면 유명한 앱들은 자기의 아이콘을 잠깐 보여주고 실행이 됩니다. SplashScreen인데 저번에 공부했던것을 이용하여 만들어봤습니다. @State var isFinished = false State : 변화가 생기면 해당 변수의 값을 읽거나..

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..

이번에는 나이키어플 중 신발을 선택하여 장바구니에 추가되는 모습을 따라해봤습니다. \

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

제가 만들 앱의 와이어프레임을 만들어봤습니다.

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

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

betterprogramming.pub/create-a-line-chart-in-swiftui-using-paths-183d0ddd4578

prafullkumar77.medium.com/building-pure-swiftui-search-bar-with-uikit-like-animations-2480724e8c39

어플에 대한 소개 페이지입니다. 간단하게 만들어봤습니다.

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

여행어플 메뉴랑 로그인화면 그리고 검색화면등을 만들었습니다. 즐겨찾기 메뉴도 화면에 만들었습니다.