밍맹의 생각날 때 적는 블로그

여러 서비스가 동작할 때 얼마나 그 기능이 문제없이 잘 작동하는 것도 중요하지만 사용자의 반응에 맞춰 적절한 애니메이션이 가미된다면 보다 역동적인 앱을 만들 수 있습니다. 안드로이드에서는 다양한 방법으로 애니메이션을 제공해주고 있는데, 그 중 물리학 모션을 기반으로 만들어진 SpringAnimation에 대해서 알아보겠습니다. 스프링 애니메이션이란? 안드로이드 개발자 문서에서는 다음과 같이 설명하고 있습니다. Spring force is one such force that guides interactivity and motion. A spring force has the following properties: damping and stiffness. In a spring-based animation, t..

최근 제가 사이드 프로젝트로 참여하여 개발한 앱이 드디어 세상에 빛을 보게되었습니다. 5명의 팀원들과 함께한 프로젝트를 진행한 과정을 작성하면서 개인적으로 느꼈던 점이나 앞으로 사이드 프로젝트를 진행하려는 분들에게 전해드릴 수 있는 자그마한 팁들을 적어보겠습니다. ( + 홍보는 덤 ) 🤨 시작은 단순했으나 그 크기는 어마무시했다. 약 1년 동안 진행한 사이드 프로젝트가 드디어 세상에 나왔습니다. 하루 3번 3분동안 제시되는 글감에 맞춰 글을 쓰는 '생글'이라는 앱은 글짓기를 어려워 하시거나 글짓기 습관을 가지고 싶으신 분들에게 조그맣게 다가가는 목적을 둔 서비스입니다. (이하 `생글 프로젝트`라고 말하겠습니다.) * 지금 다운로드 하러 가기 : 구글 플레이 스토어 이동 생글 - 생각을 글로 자유롭게, 생..

안드로이드의 메인 스레드(=UI 스레드)의 작업량이 많아져 5초 이상의 대기시간이 걸리게 되면 ANR 에러를 일으키면서 앱이 종료됩니다. 그래서 메인 스레드에 부하가 들어가는 작업들은 최대한 다른 스레드에서 작업을 해줘야 하죠. ( 메인 스레드는 UI의 상태 변경에만 쓰이는 것이 제일 좋습니다.) 다른 스레드에서 작업을 하게 된다면 여러 개의 작업이 병렬적으로 동작합니다. 마치 옷 만드는 공장에서 옷감 만들기, 옷 만들기, 포장하기 등 모든 일을 하는 것에서 옷감 만들기 공장, 옷 만들기 공장, 포장하기 공장이 만들어져 각자의 일을 독립적으로 수행하게 되는 것과 비슷합니다. 안드로이드 스튜디오는 비동기적으로 로직을 처리하고 싶을 때 Handler와 Thread, 그리고 AshycTask를 제공했습니다. ..

[이전 포스팅] [Android / Kotlin] MotionLayout - 1 ( 애니메이션을 쉽게 적용하기 ) [Android / Kotlin] MotionLayout - 2 ( 실제로 적용해보자. ) 오랜 공백을 깨고 돌아왔습니다. ㅎㅎ 학교도 드디어 종강을 맞이했겠다. 다시 천천히 블로그 포스팅을 진행해보려고 합니다. 그 복귀의 첫 번째 포스팅으로 MotionLayout-2에서 언급했던 실습에 대해서 포스팅하려고 합니다. ( 약 3개월 만의 MotionLayout 시리즈 포스팅.. 가슴이 웅장해진다. ) 이전 포스팅에서 언급했던 대로 이번에는 로티와 뷰 페이저를 연동하여 다음 웹툰의 메인 화면 애니메이션을 연출해보는 ( 비슷하게라도 따라 해 봅시다! ) 시간을 가져보려고 합니다. 결과 화면 먼저 ..

지난 포스팅에서 다룬 MotionLayout의 개념을 바탕으로 실제로 실습한 내용에 대해 포스팅하겠습니다. 지난 글을 못 읽으셨던 분은 아래 링크를 타고 한 번 읽고 오신다면 이해하기 편하실 겁니다. kangmin1012.tistory.com/41 [Android/Kotlin] MotionLayout (애니메이션을 쉽게 적용하기) 안드로이드 앱을 만들 때마다 항상 하는 고민이 있습니다. 어떻게 해야 앱을 멋있게 만들 수 있을까.... UI/UX에 맞게 앱을 만드는 것도 멋있지만 거기에 애니메이션이 추가가 된다면 얼마나 멋있� kangmin1012.tistory.com 지난 글에 저는 Android Studio가 4.0으로 올라오면서 MotionLayout Editor를 지원한다고 얘기했었습니다. 그래서 ..

안드로이드 앱을 만들 때마다 항상 하는 고민이 있습니다. 어떻게 해야 앱을 멋있게 만들 수 있을까.... UI/UX에 맞게 앱을 만드는 것도 멋있지만 거기에 애니메이션이 추가가 된다면 얼마나 멋있을까요? 다음 웹툰만 보더라도 애니메이션을 넣어서 엄청 예쁘게 보이게 됩니다. 유튜브나 유튜브 뮤직에서 보이는 슬라이드 애니메이션을 생각하시면 될 것 같네요. ㅎㅎ 이를 만족시키기 위해 여기저기 돌아다니던 중 MotionLayout을 알게 되었습니다. 그럼 MotionLayout이 뭔지 한 번 확인해 보도록 하겠습니다. 해당 포스팅은 Android Developer에 있는 내용을 중심으로 작성하였습니다. developer.android.com/training/constraint-layout/motionlayout..

이번 포스팅에는 MVVM 디자인 패턴을 실현하기 위한 핵심인 ViewModel을 사용하는 실습을 포스팅하려고 합니다. MVVM 패턴을 왜 하려고 하는지, 또 이전 포스팅 DataBinding을 보지 못한 분들은 보고 오는 것이 이번 포스팅을 이해하는데 더 편할 것이라고 생각합니다. 자 이제 무엇을 할것이냐? (MVVM 패턴) 자 이제 무엇을 할것이냐? (MVVM 패턴) 지금까지 나는 개발을 할 때 activity에 모든 코드를 때려 박았다. 어떻게 보면 대가리만 큰 코드가 되었다고 할 수 있다. 이렇게 activity에 모든 코드를 넣어버리면 자연스럽게 어플은 무거워지고, kangmin1012.tistory.com 데이터 바인딩 기초 [Android/Kotlin] DataBinding(데이터바인딩) 1 ..

ConstraintsLayout을 사용할 때 뷰의 크기는 match_parent, wrap_content, 0dp로 크기를 조정하는게 일반적이다. 이 때 ScrollView안에 ViewPager가 들어가게 되면 제대로 화면에 보여주지 않을 때가 있다. 고정 dp를 주게 되면 잘 보이지만 이는 ConstraintLayout을 사용하는 의미가 퇴색된다. 그렇다고 wrap_content를 사용하려고 하자니 wrap_content는 제대로 작동하지 않는다. 그럴 때 우리는 어떻게 해야 ConstraintLayout의 장점을 살리면서 wrap_content 뿐 아니라 ViewPager의 ScrollView 이슈를 해결 할 수 있을까? 방법은 다음과 같다. 다음과 같은 클래스를 하나 만들어 준다. 해당 클래스는 V..

이 포스팅은 이전 화면전환 애니메이션 포스팅의 연장선이다. 이전 포스팅을 보지 못했다면 한 번 보고 오는 것을 추천한다. [Android/Kotlin] 화면 전환 시 생동감 있게 애니메이션 적용하기 [Android/Kotlin] 화면 전환 시 생동감 있게 애니메이션 적용하기 최근 안드로이드 개발을 공부하면서 관심을 가지고 있는 분야가 디자인이다. 앱이 최적화가 잘 돼있고, 효율이 좋은 것도 중요하지만 정작 앱이 멋이 없다면 사용자의 만족도를 끌어올리기 힘�� kangmin1012.tistory.com 이번 포스팅에서는 RecyclerView에서 아이템을 클릭했을 때, 화면 전환 애니메이션을 적용하는 법을 알아보겠다. 이번 실습을 하면서 이전 포스팅에서 의문을 느꼈던 점 일부를 해결했으니 그 의문에 대해서..

최근 안드로이드 개발을 공부하면서 관심을 가지고 있는 분야가 디자인이다. 앱이 최적화가 잘 돼있고, 효율이 좋은 것도 중요하지만 정작 앱이 멋이 없다면 사용자의 만족도를 끌어올리기 힘들다고 생각했다. 그래서 요즘은 머티리얼 디자인과 애니메이션에 대해서 공부 중인데, 안드로이드 개발 문서에서 흥미로운 애니메이션을 발견했다. 기존 화면 전환은 새로운 화면이 아래에서 위로 올라오는 기본 전환이다. 이 전환에서부터 애니메이션을 통해 보다 감성적인 앱을 만들 수 있다면 얼마나 좋을까? 그 부분의 갈증을 해소하기 위한 방법이 안드로이드 개발 문서에 잘 적혀 있었다. 다음과 같은 예시를 잘만 활용한다면 RecyclerView에 있는 아이템을 클릭 시 상세 뷰로 넘어갈 때 애니메이션을 적용해줘서 이전보다 더 활동감 있..