본문 바로가기

FLUTTER4

1. 앱에 어울리는 애니메이션 구현하기 <Lottie편> 버튼을 클릭하고 해당 버튼이 동작함으로써 나 동작하고 있다 ! 라고 유저한테 알려줄 수 있는 방법이 무엇일까 고민해보니 애니메이션! 이 있었습니다. 이 경우 뿐만이 아니라 앱 내에서 애니메이션을 잘 사용하면 사용자 경험을 좋게 만들어 줄 수 있죠~ 애니메이션을 가장 쉽게 구현할 수 있는 방법 중 하나는 Lottie를 이용하는 것인데요. 한 번 천천히 알아보도록 합시다  제가 Lottie로 구현한 화면은 이렇습니다 로띠에는 굉장히 다양한 애니메이션이 있습니다. (+무료로 사용 가능하죠)https://lottiefiles.com/kr/ 무료 로티 애니메이션, 모션 그래픽을 위한 모든 플러그인과 도구를 한 곳에 - 로티파일즈/LottieFi로티파일즈/LottieFiles는 오픈소스 애니메이션 포맷 로티를 제공.. 2024. 9. 16.
mainColor를 const로 고정해주고 싶었을 뿐인데 Colors.pink[100]을 mainColor로 설정해주려고하다가 다음과 같은 문구를 발견했다.엥 왜지? 이미 있는 값을 상수값으로 넣어주는건데 왜.라고 생각했지만  MaterialColor 객체에서 인덱싱[]을 통해 색상을 가져오는 과정은 런타임에 하는 것이었다. 왜냐면 일반적으로 인덱싱은 해당 데이터의 구조나 상태에 따라 달라지기 때문에 런타임에 결정이 되는 것이라고.... 이미 const로 정의된 List가 아닌 이상,, 런타임에 정의된다고 한다....  그래서 해결방법은, 런타임 상수인 final로 값을 결정해주거나 const로 쓸거면 이렇게 지정해주기이다. 2024. 8. 30.
핫 리로드는 정말 좋은거구나 스유를 UIkit 보다 좋아하는 이유는 딱 하나였다.내가 만든 화면이 옆에 시뮬레이터로 바로 로드돼서 떴다반대로 UIkit으로 만들 때면 항상 run버튼을 누르고 시뮬레이터를 돌려줘야했다. 앱을 만들면 만들수록 기다리는 시간도 길어지고, 컴포넌트 하나 만들때마다 시뮬레이터 돌리기가 매우 불편하고 괴로웠던 기억이 있다. 🤢 그런데 플러터는 핫 리로드라는 기능 덕에 일단 시뮬레이터를 켜놓고 컨트롤 + s 만 누르면 바로바로 반영이 된다. 흐흐흐 나는 코드만 우다다닥 치는 것 보다 화면이 그려지는게 눈에 보여야 더 집중이 잘 된다.내 코드가 반영되는게 눈에 바로 보이니까 그런듯 하다. 아주아주 특별한 기능 아닌가? 내 코드로 화면 구성이 변화되는걸 바로바로 볼 수 있다니! ~.~(심지어 스유 프리뷰보다 빠르.. 2024. 8. 28.
Flutter/Dart 기본 개념 파악하기 (그니까 이게 뭔데) iOS 하다가 플러터를 하려니 새삼 다른 개념들에 눈이 휘둥그레 !그래도 같은 모바일 앱 생태계니 스위프트 코드랑 비슷하겠거니 생각했는데..다트로 구성된 코드를 처음 봤을 때의 느낌 : 좀. 너무 어색했다. 그.. 형태도 좀 이상하고 왜 문장 끝에 ; 를 써요.. void main 이 뭐에요....이거 완전 옛날 언어 아니야~~!?  라는 생각을 햇습니다... 최신인데도...ㅜㅜ ㅋㅋㅋ 그러니까 이게 뭔지 좀 짚고 가보자. 플러터/다트가 뭐고 얘네 특징이 뭔지  플러터 한 번의 코딩으로 여러 플랫폼에서 작동하는 애플리케이션을 개발할 수 있게 해주는 SDK로, 무려 '구글'에서 만든거다.대신 네이티브와 같은 퍼포먼스를 이끌어내지 못한다. 네이티브에서 쓸 수 있었던 기능도 제한되고, 네이티브에서 신기술이 나.. 2024. 7. 30.