플랫폼별 컴파일 Dart의 컴파일러 기술을 사용하면 다양한 방식으로 코드를 실행할 수 있다. ✅ 네이티브 플랫폼 모바일 및 데스크톱 장치를 대상으로 하는 앱의 경우 Dart에는 컴파일 기능이 있는 과 기계 코드 생성을 위한 컴파일러가 모두 포함되어 있다. ✅ 웹

효율성 앱 Slack TeamViewer Notion Keka 카카오톡 Chrome [CleanMyMac X](https://cleanmymac.macpaw.com/20?campaign=cmmxsearchbran

MediaQuery Flutter 개발을 하다가 보면 를 사용하는 경우가 종종 있다. 와 , 를 많이 사용하고 있지만 정확한 의미와 사용 방법을 파악하고 있지 않아서 Flutter 문서를 번역해서 정리해 놓은 글이다. MediaQueryData 미디어에 대한 정

W Concpt W컨셉 어플을 보면 스크롤 방향을 하단으로 하면 앱바와 내비게이션 바가 사라지고 상단 방향으로 이동하면 다시 노출되는 애니메이션 효과를 볼 수 있다. ‼️ 이러한 애니메이션 효과는 사용자가 보고 싶은 화면을 더 집중적이고 크게 노출시킬 수 있기 때문에

패키지 도입 프로젝트를 진행하다가 보면 pub dev 에 원하는 패키지, 플러그인이 없는 경우가 있다. 이러한 경우 기존의 프로젝트와 별도로 관리를 위해서 직접 패키지를 만들어야 한다. 저 같은 경우 회사 내에서 디자인 시스템을 도입하게 되어서 디자인 시스템 전용 패

const, final 둘 다 데이터 변경을 원하지 않는다.저장되는 시점이 다르다.const 에 지정되는게 final 에 지정되는 것보다 리소스와 메소리를 조금이라도 적게 사용하는 장점이 있다.Compile: const 타입은 Compile에서 값이 지정된다.Insta

Dropdown Button Dropdown 버튼은 활성화했을때, 하위 목록들을 보여주는 버튼이다. Flutter에서도 기본적으로 제공하는 Dropdown Button 위젯이 있다. > DropdownButton class 항목 목록에서 선택하기 위한 머티리얼 디자인

토스 상품권 토스 상품권 구매하기 페이지에는 흥미로운 인터랙션이 있다. 구매 수량을 변경 할때마다 3D 애니메이션 효과가 있다. 출처: https://blog.toss.im/article/ux-engineer-interview 📌 이 페이지에서 중요한 인터랙션

오류 Android Studio에서 iOS 빌드 시 오류가 발생했다. 얼마전까지만해도 📌 이 경우의 오류는 몇가지의 원인으로 발생 할 수 있다. 1️⃣ CocoaPods을 설치를 안했을 경우. 2️⃣ Android Studio에서 인식 오류. 3️⃣ 단순 Andro

토스 앱의 상품권 구매 페이지를 보면 페이지 스크롤 시 appbar가 blur 효과를 볼 수 있다.Flutter에서 blur 효과를 주는 방법을 알아보자.!youtubedYRs7Q1vfYIFlutter에서 blur 효과를 주기 위해서는 BackdropFilter 위젯을

토스뱅크카드 이전 게시글에서 CustomPaint를 이용해서 토스뱅크카드의 형태를 잡았습니다. 이번에는 카드 정보와 함께 토스 로고와 마스터카드 로고를 추가하겠습니다. 카드 정보 카드 정보를 면서 상단에는 회색 텍스트의 타이틀이 있고, 하단에는 흰색 텍스트의 카드 정

n월 n주차 프로젝트 진행 중 월 주차를 구해야되는 기능이 있어서 시작했습니다. 보통 매월 1일이 있는 주를 1주로 계산하고 있었는데 월별 주차를 구하는 방법에도 국제 기준이 있다고 합니다. > 국제 표준 ISO-8601에 따르면 매주의 시작일은 월요일이며, 매월의 첫

토스뱅크카드 토스뱅크카드는 다른 카드와 다르게 움푹파인 부분이 있습니다. 이를 코드로 구현하고 싶어서 만들게 되었습니다. 토스뱅크카드 출처: https://www.tossbank.com/product-service/card/check-card 기본 레이아웃 기본 레이

scroll to index는 리스트 목록 중에서 정확한 어느 지점으로 이동하고 싶을 때 사용하면 좋은 패키지입니다. 일반 리스트에서 원하는 지점으로 이동을 하고 싶을때는 정확한 좌표. 즉, offset을 지정을 해줘야지만 이동을 하는데 리스트 목록들의 높이, 혹은 길

저는 Flutter 2.5.3 버전을 이용하고 있던 와중에, Flutter 2.8.1 이 릴리스되었다는 소식을 받고 버전을 업데이트했습니다. 성능 향상을 기대하면 업데이트 이후에 바로 iOS 빌드를 했지만 오류 로그와 함께 빌드를 실패했습니다.오류 로그iOS에서는 버전

Flow 위젯은 여러가지 위젯 목록들이 비슷하게 움직이거나 애니메이션 효과를 조정해야할때 사용하기 좋은 위젯입니다.여러가지 위젯들을 모두 애니메이션 컨트롤러로 조정을 하게되면 불필요한 코드양도 많아지고 랜더링 타임도 과부하가 올 수도 있기 때문에 비슷한 움직임을 조정해

오류 발생 빌드 시 Null check operator used on a null value 오류가 발생하는 경우가 있습니다. Null check operator used on a null value 의 오류의 경우는 다양한 경우에 발생을 하는데 저와 같은 경우에는 d

최근 구글 심사 정책이 강화가 된 것 인지, google play console 앱 심사 거절되는 경우가 많아졌습니다.특히 요즘 커뮤니티에서도 UGC관련 심사 거절이 많아진 것으로 파악이 되는데 구글에서 거절 사유도 명확하게 알려주지 않아서 골치가 아픕니다.구글에서 거

OrientationBuilder 이란? OrientationBuilder 화면을 회전할때마다 다른 UI를 보여주거나 다른 값을 보여주고 싶을때 사용하는 widget 입니다.