선생님, 개발을 잘하고 싶어요.

도입 필자는 요즘 Flutter를 공부하고 있는데 이 녀석, 선언적 UI, 멀티 플랫폼 빌드 지원, 구글의 전폭적인 지원을 통한 성장이라는 요소들이 매우 매력적이다. 또한 Flutter 프레임워크와 이 프레임워크에서 사용하는 Dart라는 언어는 공식문서가 어마어마하게 잘되어있더라. 그래서 혼자 공부할 맛이 나는 요즘이다. 그건 그렇고, 결국 프론트엔드 개발을 위한 프레임워크이다 보니 어쩌면 제일 중요한, 리스트를 그리는 방법에 대해서 명확하게 이해하는 게 필요하다. 그래서 정리해보았다. (내가 애니메이션 공부하다가 리스트 그리는 법을 몰라서 작성하는 포스트 이다.) 읽을 대상 Dart 클래스 생성에 대해서 알아야 함. StatelessWidget에 대해서 알아야 함. Flutter에 흥미가 있어야 함. ..

도입 회원 가입 페이지처럼 많은 입력 필드가 있고, 무결성이 필요한 기능을 개발할 때, 필연적으로 UX를 위해 비어있는 필드로 스크롤이 필요하다. 확인 버튼을 눌렀을 때, 해당 빈 필드로 스크롤이 되는 상황 말이다. 하지만 Android 공식 ScrollView가 제공하는 기능은, ScrollTo처럼 완전 기본적인 기능이다. 따라서 기본적인 기능부터, 우리가 원하는 커스텀 스크롤 기능까지 구현해보면서 한방에 Scroll을 뿌수고 편안하고 손쉽게 UX를 높일 수 있는 개발 생활을 해보자. 시작하자. ScrollTo 오늘 우리가 살펴볼 함수는 ScrollTo 이다. 이 함수는 인자로 x와 y값을 받는데, 이는 scrollView가 스크롤될 픽셀 값을 의미한다. y는 위에서부터 아래로 스크롤되며 0부터 시작한..

서론 지금으로부터 1-2년 전, 간단한 이미지 편집, 뷰어 윈도우 프로그램을 만들어야 하는 일이 생겼다. 오늘 포스팅할 내용은 이때의 삽질 경험이다. 오늘의 프로그램 대략적인 프로그램 구조부터 보고 들어가면 필자의 고민의 흐름을 잘 알 수 있을 거라고 생각된다. 한 번 함께 보자. 크게 프로그램은 3가지 분류로 나눌 수 있다. 1. 이미지를 보여주고 편집하는 이미지부 2. 이미지의 값을 숫자를 사용해서 편집하는 제어부 3. 이미지의 정보를 단순히 보여주는 상태부 그리고 오늘 우리가 구현 할 것은 이미지의 배율을 조정하는 것이다. (배율을 조정하는 코드에 관한 이야기는 아니니 부담 없이 읽어 주시길) 배율 조정에 대한 프로그램의 스팩은 다음과 같다. 1. 이미지부에서 휠을 이용해서 배율을 조정할 수 있다...

도입 세상에는 많은 아키텍처가 있다. MVC, MVP, MVVM 이 외에도 많은 아키텍처가 존재하고, 이 아키텍처 사이에는 미세한 차이만 있다. 그래서 이런 아키텍처를 어떻게 설명하는지는 사람마다 다를 것이다. 그중에서도 나는 이번 포스트를 통해 내가 MVVM을 어떻게 뭐라고 생각하는지 말할 예정이다. 필자가 최근에 합류한 회사앱은 MVVM을 기반으로 작성이 되어 있다. MVVM을 검색하면 항상 나오는 Data Binding을 적용하지 않았지만, 이게 왜 MVVM인지, 뭐가 부족한지 알아보기 위해 기존의 내 생각을 정리해보자. (참고로 코드 한 줄 없는 MVVM 아이디어에 대한 칼럼이라 지루할 수 있다.) 내용 MVVM은 총 3가지의 컴포넌트로 구성되어 있다. Model, View, ViewModel, ..