들어가며지난 포스팅에서는 Secret을 사용해서 민감한 파일을 워크플로에 안전하게 전달하고, CI 워크플로를 조금 더 효율적으로 개선하는 방법을 알아보았습니다. [Android] GitHub Actions로 CI 적용하기 - 심화 가이드들어가며GitHub Actions 시리즈를 시작하고 꾸준히 작성해보려 했는데, 현생과 다른 주제의 글을 적다보니 생각보다 너무 늦어졌네요. 🥲그래서 오랜만에 다시 돌아왔습니다!이전 포스팅에서는 Gitwalnut-dev.tistory.com 앱을 출시하기 전, 개발한 앱이 잘 동작하는지, 이전의 기능과 새로 추가된 기능에 문제가 없는지 직접 테스트해야할 상황이 올 것입니다.CD(Continuous Deployment)를 이용해 워크플로를 잘 설정한다면, 이러한 QA 진행 ..

들어가며GitHub Actions 시리즈를 시작하고 꾸준히 작성해보려 했는데, 현생과 다른 주제의 글을 적다보니 생각보다 너무 늦어졌네요. 🥲그래서 오랜만에 다시 돌아왔습니다!이전 포스팅에서는 GitHub Actions에 대한 개념과 CI를 간단하게 적용하는 가이드를 작성했습니다.이전 포스팅을 읽고 오시는 것을 추천드립니다! [Android] GitHub Actions로 CI 적용하기 - 간단 가이드들어가며여러 개발자와 협업을 할 때, CI(Continuous Integration)나 CD(Continuous Deployment)가 적용되어있다면 각자가 개발한 기능을 병합하기 수월해집니다.CI/CD를 지원해주는 도구는 젠킨스(Jenkins), 서클Cwalnut-dev.tistory.com 이번 포스팅에..

들어가며스타카토는 우테코에서 시작해 지금까지도 진행하고 있는 프로젝트입니다. 최근 스타카토는 Compose로 기능 개발 및 마이그레이션을 진행하고 있는데요. 이번에 구현한 기능 중 “원본 이미지 조회 화면”의 구현을 빙티와 함께 담당했습니다. 이번 글에서는 줌, 드래그 등의 동작으로 이미지 확대가 가능한 Pinch-to-zoom 기능을 Compose로 구현하는 방법을 알아보고, 개발 중 발생한 이슈를 해결한 과정을 담았습니다.핀치 줌 최종 구현 영상 Pinch Zoom 구현하기핀치 줌이란?Pinch-to-zoom이란 두 손가락으로 대상을 확대하고 축소하는 동작을 가리키며, Pinch Zoom(핀치 줌)으로 줄여 부르기도 합니다. 본 글에서는 핀치 줌이라고 부르겠습니다. 핀치 줌은 다양한 앱에서 지원해주..

들어가며지난 포스팅에서는 MVC 패턴의 단점을 개선하고자 탄생한 MVP 패턴에 대해 알아보았습니다.MVP 패턴에 관한 자세한 이야기는 아래 포스팅을 참고해주세요! [CS] MVP 패턴 바로알기들어가며지난 시간에는 MVC 패턴을 알아보았습니다. MVC의 탄생 배경, 특징, 장단점과 안드로이드 개발에서 문제점을 살펴보았습니다. MVC 패턴에 관한 자세한 이야기는 아래 포스팅을 참고해주세walnut-dev.tistory.com 이번 포스팅에서는 MVVM 패턴의 구조와 탄생 배경, 장단점을 알아보겠습니다.분량 문제로 인해 본 포스팅에서는 안드로이드 개발에서 MVVM 패턴을 적용하는 방법은 다루지 않습니다!안드로이드에서 MVVM을 적용하는 방법은 다음 포스팅에서 다룰 예정입니다. MVP의 문제점지난 포스팅에서 ..

들어가며지난 시간에는 MVC 패턴을 알아보았습니다. MVC의 탄생 배경, 특징, 장단점과 안드로이드 개발에서 문제점을 살펴보았습니다. MVC 패턴에 관한 자세한 이야기는 아래 포스팅을 참고해주세요! [CS] MVC 패턴 바로알기들어가며지난 시간에는 소프트웨어 아키텍처 패턴이 무엇인지 알아보았습니다. 소프트웨어 디자인 패턴을 함께 알아보며, 소프트웨어 설계에서 사용하는 두 패턴의 개념을 잡을 수 있었습니다walnut-dev.tistory.com 이번 시간에는 MVC 패턴의 문제점을 해결하고자 고안된 MVP 패턴을 알아보겠습니다. MVC 패턴의 문제점지난 포스팅에서 알아보았듯, MVC 패턴은 컴퓨터 시스템을 Model-View-Controller로 각 역할을 분리하여, 유지 보수를 유리하게 하고 사용자와 시..

들어가며지난 시간에는 소프트웨어 아키텍처 패턴이 무엇인지 알아보았습니다. 소프트웨어 디자인 패턴을 함께 알아보며, 소프트웨어 설계에서 사용하는 두 패턴의 개념을 잡을 수 있었습니다.아키텍처 패턴에 관한 이전 포스팅은 아래를 참고해주세요! [CS] 아키텍처 패턴 딥다이브하기(feat. 디자인 패턴)들어가며MVVM 패턴에 관한 글을 작성하던 중, 제가 “아키텍처 패턴”과 “디자인 패턴”을 함께 사용하고 있다는 것을 알아차렸습니다. 용어를 하나로 통일시키려는 찰나, 문득 의문이 생겼습walnut-dev.tistory.com 아키텍처 패턴에 대한 글을 올린 후 MVVM에 관한 글을 마저 작성하려 했습니다만, MVC와 MVP를 떼어놓고 설명하기 어렵다고 판단했습니다. MVVM의 기반이 된 MVC와 MVP 패턴을 ..

들어가며여러 개발자와 협업을 할 때, CI(Continuous Integration)나 CD(Continuous Deployment)가 적용되어있다면 각자가 개발한 기능을 병합하기 수월해집니다.CI/CD를 지원해주는 도구는 젠킨스(Jenkins), 서클CI(circle ci) 등 여러 가지가 있으며, 빠르고 간편하게 CI/CD를 적용하고 싶다면 GitHub에서 제공해주는 GitHub Actions를 사용할 수 있습니다. 제가 하고 있는 스타카토 프로젝트도 GitHub Actions를 활용해 CI/CD를 적용하고 있습니다. 꾸준히 프로젝트를 진행하며 CI/CD를 조금씩 개선해왔습니다. CI와 CD를 구축하며 알게된 내용을 정리해 간단한 가이드를 만들어보고자 합니다. 이번 포스팅은 GitHub Actions..

들어가며MVVM 패턴에 관한 글을 작성하던 중, 제가 “아키텍처 패턴”과 “디자인 패턴”을 함께 사용하고 있다는 것을 알아차렸습니다. 용어를 하나로 통일시키려는 찰나, 문득 의문이 생겼습니다. “MVVM은 아키텍처 패턴일까, 디자인 패턴일까?” 글을 쓰기 위해 참고하던 여러 글 중에서도 어떤 글에서는 아키텍처 패턴이라 설명하고, 또 다른 글은 디자인 패턴이라 부르고 있었습니다.저 또한 둘의 대략적인 의미만 알고있었지, 구체적으로 무엇이 다른지는 몰랐습니다.차이점을 알기 위해 위키에서 정의를 찾아보아도 곧바로 이해할 수 없었습니다.소프트웨어 아키텍처 패턴주어진 문맥 안에서 소프트웨어 아키텍처의 공통적인 발생 문제에 대한 일반적인, 재사용 가능한 해결책소프트웨어 디자인 패턴소프트웨어 디자인의 특정 문맥에서 ..