Flutter 개발 공부 정리
·
Flutter
회원 가입 패이지 개발 추가로 아이폰 SE모델 하다 12 프로맥스를 하니 확인 위젯이 끝까지 안들어가는 것을 확인했다. 수정을 해봐야 할 것 같다. CupertinoPageScaffold : IOS design을 바탕으로 만들어진 Scaffold Scaffold : Scaffold( appBar: AppBar(), // 상단에 들어갈 위젯 body: Container(), // 중간에 들어갈 위젯 bottomNavigationBar: BottomAppBar( ), // 하단에 들어갈 위젯 ) ㅇSafeArea : Appbar가 디바이스마다 달라 자동설정 해줌. CupertinoButton : padding이 default로 들어가고 있기 때문에 패딩 제로로 준다, 안되면 minsize : 0.0 설정 i..
[세상을 구하는 피플]피플팀 합류
·
기타/후기
이번에 피플팀에 앱 프론트 개발로 합류하게 되었습니다. Flutter로 개발을 하게 되었으면 앞으로 피플일을 하면서 배우는 것들을 블로그에 정리하여 올리려고 합니다.
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를 넣어서 스크롤 이 가능하게 만들어 줍니다. 다음에 만들 메뉴와 프로필 이미지도 일단 설정해줬습니다.