뱅크샐러드 공식 블로그 | 메인 · 2017. 08. 03.

Typescript로 Local Storage 안전하게 사용하기

AI 엔지니어링 브리핑

이 글은 문자열만 저장하는 Local Storage를 모델 중심으로 안전하게 다루기 위해 별도의 저장소와 변환 객체를 만든 과정을 설명합니다.

문제 & 배경

문제 & 배경: Local Storage에 모델을 JSON 문자열로 저장했다가 불러오면 원래 클래스 인스턴스가 유지되지 않고, 화면 코드 곳곳에서 저장과 조회를 직접 처리해 데이터 사용 위치와 오류를 관리하기 어려웠습니다.

기술 & 해결책

기술 & 해결책: Clean Architecture의 Data Layer에 BrowserStorage를 두고, 저장·조회·삭제를 담당하는 클래스와 JSON과 모델을 서로 변환하는 Mapper를 분리해 각 모델이 정해진 방식으로 안전하게 저장되고 복원되도록 했습니다.

교훈 & 주의점

교훈 & 주의점: 코드량과 매핑 작업은 늘어나지만 오류 지점과 테스트 대상이 분명해지며, 단순히 동작하는 웹 코드보다 데이터 저장의 책임과 변환 과정을 명확히 분리하는 것이 안정적인 코드베이스에 도움이 됩니다.

내용이 비슷해요

내용이 비슷한 글을 먼저 보여드려요. 같은 문제나 해결책을 다룬다는 뜻은 아니에요.