React Native Interpolation
·
Swift/개발
앱 설명 스크린을 터치하였을 때 좌표값을 구한다. 문법 UIScren : 디스플레이와 관련된 속성을 정의 onChanged : 제스처 값이 변경될 때 수행할 작업을 추가 preferredColorScheme : 기본 모드를 설정, 라이트모드, 다크모드 static : 일반적인 기능은 저장하는 것 , 모든 인스턴스에서 특정 프로퍼티 및 메서드를 공유 struct : 내부의 값이 전체 struct를 변경할때마다 전체 구조체가 자동적으로 변경. 상속이 불가능, 고유한 값 class : 단일 상속만 가능, 여러가지가 동일한 값을 가리킴. 클래스 내부의값이 변경되지만 다시 렌더링 되지는 않음. state : 특정 행동을 하면 자동으로 state를 변환시켜준다 인터페이스 업데이트, 뷰를 다시 렌더링 import S..
CustomRegistration
·
Swift/개발
GitHub - bulmang/CustomRegistration: 로그인, 가입화면 로그인, 가입화면. Contribute to bulmang/CustomRegistration development by creating an account on GitHub. github.com 앱 설명 로그인, 회원가입 페이지를 만들어봤습니다. 문법 var : 지역변수 || : or SecureField : Text가 암호화 되어 보여짐 TextField : Text를 입력받아 보여줌 private : 뷰안의 값이 계속 바뀌기 때문에 내부의 View만 사용이 가능하다. NavigationView : View간의 이동 Ellipse : 타원의 도형 Text : 글자 \n : 글자안에 칸 내리기 multilineTextAl..
AimatedTabIcon
·
Swift/개발
GitHub - bulmang/AnimatedTabIcon: 네번째 네번째. Contribute to bulmang/AnimatedTabIcon development by creating an account on GitHub. github.com 앱 설명 Lottie를 이용해서 아이콘을 눌렀을 때 움직임을 만들었습니다. light , dark 모드 둘다 구현해봤습니다. 문법 Lottie : Lottie는 JSON 형식의 파일을 벡터 기반 애니메이션으로 실시간 렌더링하는 모바일 라이브러리. Lottie를 사용해서 애니메이션의 재생, 크기 조정, 루프 적용, 속도 향상, 속도 감소, 역회전 및 대화형 스크러빙 하는 것이 가능하고, 애니메이션의 일부만 재생하거나, 반복할 수 있고 또한 Lottie는 UIVie..
배달의 민족 - 로그인 페이지
·
Swift/개발
앱 설명 배달의 민족 로그인 페이지를 클론 코딩해봤습니다. 커스텀 버튼, 커스텀 텍스트필드를 만들어 사용했습니다. 비밀번호 입력 필드는 SecureField를 사용했습니다. GitHub - bulmang/CustomLogin: 혼자 만들어 봤습니다. 혼자 만들어 봤습니다. Contribute to bulmang/CustomLogin development by creating an account on GitHub. github.com LoginView import SwiftUI struct LoginView: View { @State private var email:String = "" @State private var password:String = "" @State var isLinkActive = f..
BlogApp
·
Swift/개발
GitHub - bulmang/BlogApp: Blog 형식의 어플을 만들어봤습니다. Blog 형식의 어플을 만들어봤습니다. Contribute to bulmang/BlogApp development by creating an account on GitHub. github.com 앱 설명 블로그 UI 모습으로 ScrollView 이용 CardView struct를 만들어서 BlogModel 배열안 데이터들을 가지고 이미지 , 글 , 작성자 생성 문법 layoutpriority : 뷰 우선순위 import SwiftUI struct ContentView: View { var body: some View { VStack{ ScrollView{ ForEach(blogs) { blog in CardView(im..
[SwiftUi] 360도 회전 애니메이션
·
Swift/개발
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..
SwiftUI - ASKMO 앱 만들기 (SplashScreen)
·
Swift/개발
방학동안 과후배나동기끼리 프로젝트 어플, 웹사이트를 만들기로 하였습니다. 네이버지식in과 같은 어플이라고 생각하시면 됩니다. 지식in보다 조금 더 코딩질문에 가까운 사이트라고 생각하시면 편합니다. 일단 저는 프로젝트리더긴 하지만 저도 처음이고 후배들도 처음 공부하면서 프로젝트하는거라 완성이 될 지는 모르겠습니다. 하지만 완성보다는 공부를 하는 위주로 생각하고 있고 저는 백엔드와 SwiftUI를 같이 공부하며 풀스택 개발자가 되도록 노력할 것 입니다. 일단 앱을 시작하면 유명한 앱들은 자기의 아이콘을 잠깐 보여주고 실행이 됩니다. SplashScreen인데 저번에 공부했던것을 이용하여 만들어봤습니다. @State var isFinished = false State : 변화가 생기면 해당 변수의 값을 읽거나..
SplashScreen-DisneyApp 공부 [SwiftUI]
·
Swift/개발
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)
·
Swift/개발
이번에는 나이키어플 중 신발을 선택하여 장바구니에 추가되는 모습을 따라해봤습니다. \