전체 글

[우리의 용기v2] : 다회용기 대여 | 반납 서비스인하대학교 탄소중립 INNOVATION SW ACADEMY 활동으로 진행한 프로젝트이다.Xml뷰를 Compose로 마이그레이션하면서 리디자인 해보았다.제작도구: Figma가장 마음에 드는 부분이다.다회용기 이미지는 생성형 AI를 활용해서, 블루톤으로 이미지를 생성했다.

MVI에서 다루는 State의 immutable에 대해 이번 포스팅에서 다뤄보고자 합니다.MVI의 State는 반드시 immutable해야한다.→ MVI에서 State는 immutable해야하고, 모든 상태 변경은 .copy를 통해 수행되어야 한다.왜 immutable해야할까?1. Compose는 값이 변경되었는지를 기준으로 U를 그린다.Compose는 내부적으로 eqauls()또는 reference 비교로 변화 여부를 감지한다.mutable상태 (var, val 내부 값 변경)는 변경을 감지하지 못해 재조합이 안일어날 수 있다.mutable 상태 예시data class LoginState( val email: StringBuilder = StringBuilder(), //mutable 객체)ema..

*노션에 정리한 내용을 블로그로 가져왔습니다. 아키텍처는 도구이다. 문제를 해결하는 데 가장 적합한 도구를 선택하자.라는 말 처럼, 모두가 따라한다고 아키텍처를 선택하기 보다는, 현 상황의 문제와 해결책이 될 수 있는 아키텍처를 선택하는 것이 중요하다고 생각한다. 따라서 아키텍처가 어떻게 구성되어있고, 어떤 이점을 갖는지 왜 등장하게 되었는지를 잘 알아두고자 포스팅을 작성하게 되었다.왜 MVI는 등장하게 되었을까?기존 MVVM의 장점과 한계MVVM (Model - View - ViewModel)은 안드로이드에서 널리 사용되는 아키텍처이다.ViewModel은 비즈니스 로직을 담당View는 LiveData/StateFlow를 구독하여 UI를 그리기Model은 데이터 소스를 캡슐화이렇게 구성되어있는 MVVM은..

Compose 의 선언형 UI와 상태기반 렌더링Compose는 선언형 UI 프레임워크이다. 이 말은 곧 State(상태)를 기준으로 UI를 자동으로 다시 그려주는 방식임을 의미한다.@Composablefun Greeting(name : String){ Text(text = "Hello, $name")}→ 해당 코드에서 name 이라는 상태 값이 변경되면, name을 사용하는 Text는 자동으로 recomposition된다.이 때, 상태를 어디서 보관하고, 어떻게 UI에게 전달할 것인가? 라는 것이 StateHoisting, StateHolder의 핵심이다.State Hoisting이란?상태를 UI 구성요소 내부에서 외부로 끌어올리는 패턴이다.즉 컴포저블 내부에서 상태를 가지지 않고, 상태를 파라미터..

[셀스타터] : 1인 스마트스토어를위한 AI활용 재고/주문관리 통합 솔루션인하대학교 25-1 캡스톤 디자인으로 진행한 프로젝트이다.팀장으로 Android 개발, Figma UI 디자인에 참여했다.기간: 2025.03 ~ 2025.06 제작도구: FigmaFigma 작업 과정 ...

교내 탄소중립 SW 아카데미 4기에서 탄소중립 뉴스 데이터를 시각적으로 보여주기 위해 카드뉴스 형식의 콘텐츠를 자동 생성하는 프로젝트를 진행중이다. 이 과정에서 OpenAI의 GPT 및 이미지 생성 API, 그리고 Python의 Pillow 라이브러리를 결합하여 글자 삽입이 가능한 카드뉴스를 완성하였다. 카드뉴스 자동화 개발까지 시행착오를 포스팅하고자 한다.Open AI API 활용OpenAI API 만으로 카드뉴스 만들기패키지 구조cardNews-spring└─ src └─ main ├─ java │ └─ com.swacademy.demo │ ├─ controller │ │ └─ NewsController.java │ ├─ dt..

인턴 당시 Android 애플리케이션 내에서 WebView를 통해 React 기반 웹 페이지와 데이터를 주고받는 과정이 필요하여 공부하게 되었다. 이 글에서는 WebView에서 JavaScript 인터페이스를 등록하고 React 쪽에서 수신해 뷰어를 보여주는 방법을 살펴보고자 한다. WebView 설정 (이미지,PDF 파일 공통)WebView 초기화 함수 private fun initWebView() { with(binding.webView) { settings.javaScriptEnabled = true settings.allowFileAccess = true webViewClient = WebViewClient() ..

들어가기 전우리의용기 프로젝트를 -v2 로 마이그레이션 하는 과정에서 기존 의존성 버전 관리 방법에서 버전 카탈로그 방식으로 변경하였다. 이러한 변경의 과정과, 왜 이 변경이 필요했고 어떤 장점이 존재하는지 이번 포스팅에서 알아보고자 한다.Gradle 버전 카탈로그를 활용한 의존성 관리: 왜 필요할까?기존 방식의 문제점build.gradle에서 의존성을 관리할 때, 보통 아래와 같은 방식으로 버전을 명시한다.implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core:1.5.2")이 방식은 간단하고 익숙하지만, 프로젝트가 커지면서 다음과 같은 문제가 발생할 수 있다.버전 중복: 여러 모듈에서 동일한 의존성을 사용하는 경우, 각 모듈마다 버전을 반복적으로 ..

목표GithubActions CI/CD 파이프라인을 구축해 서버에 APK 업로드를 자동화 하자.개발 프로세스의 효율성과 생산성을 극대화하기 위함.문제의식기존 방법의 문제점가상화 서버에 안드로이드 어플을 업로드하기 위해서 포털을 이용하여 직접 APK 파일을 업로드 하였다.하지만 새로운 업데이트가 있을 때 마다 변경된 사항을 Android Studio Build로 APK를 추출하고, 포털에 들어가서 업로드를 진행해야하는 번거로움이 있었다.Github로 관리하는 코드어플 프로젝트 코드 및 파일은 Github로 관리하고 있었다.따라서 이 점을 활용해 GithubActions를 이용하여 APK를 자동으로 추출하고, 추출 뿐만 아니라 서버 업로드까지 자동화하면 어떨까? 라는 생각이 들었다.GithubActions로..

들어가기 전Native로 안드로이드 어플을 개발하는 경우도 있지만, 웹을 만들어 안드로이드 앱 내에 웹뷰로 띄워주는 경우도 있습니다. 저는 이번에 웹뷰 테스트를 위해 React 웹에 Google Map API를 이용해 지도를 띄워야 했습니다. 이 과정에서 배운 Google Map API를 사용하는 방법과 외부 API를 사용할 때 중요한 API 키를 숨기는 방법을 작성하고자 합니다.Google Map API 사용하기구글 가이드구글 API를 사용하기 위해서는 Google Cloud Platform에 Project를 생성해야 합니다.여기서 가장 중요한 것은 구글 API Key를 발급 받는 것입니다.위 사진과 같이 첨부된 구글 가이드를 통해서 프로젝트를 생성합니다.API 활성화를 통해 API 키를 발급 받습니다..

1. 영속성 컨텍스트(Persistence Context)란?영속성 컨텍스트는 엔티티 객체를 영구적으로 저장하고 관리하는 메모리 공간이다.일종의 1차 캐시처럼 동작하며, JPA는 이를 통해 DB에 직접 접근하지 않고 객체를 효율적으로 관리한다.주요 기능1차 캐시변경 감지(Dirty Checking)지연 로딩(Lazy Loading)예제: 변경 감지Member member = em.find(Member.class, 1L);member.setName("변경된 이름");em.getTransaction().commit(); // UPDATE 쿼리 자동 실행2. FetchType.EAGER vs LAZY즉시 로딩 (EAGER)연관된 모든 엔티티를 즉시 조인(fetch join)으로 가져온다.N+1 문제가 발생할 ..

JPA객체 지향 언어와 관계형 DB자바는 객체지향 언어이다. 하지만, 데이터를 관리할 때는 관계형 DB를 많이 사용한다.이 때 객체지향 언어와 RDB 패러다임의 불일치가 발생한다.객체지향적 언어 : 캡슐화/상속/다형성 활용하는 것이 목표RDBMS (관계형 DB) : 데이터를 정교하게 구선하는 것이 목표→ 따라서 CRUD 쿼리를 다 짜고, Java를 SQL로 바꾸고, SQL을 Java로 바꿔야 하는. 즉 하나의 테이블을 만들거나 변경할 때마다 수십개의 쿼리를 짜야하는 문제 발생.이러한 문제를 해결하기 위해서 JPA 기술이 나오게 되었다.JPA란?Java Persistence API : 자바 진영에서 Object-Relational Mapping 기술의 표준으로 사용되는 인터페이스의 모음이다.ORM 기술이란..