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

간단 소개

Typescript 환경에서 LocalStorage를 안전하게 사용하기 위해 BrowserStorage를 도입, 데이터 레이어에서 관리하고 Model 기반으로 저장/로드하는 방법을 제시.

AI Summary

기존 LocalStorage 사용의 문제점
- LocalStorage는 단순한 string key-value 저장소로, 데이터 모델을 직접 저장/로드 시 타입 안정성 문제가 발생.
- 모델 인스턴스 유실, 관리되지 않는 사용 등 문제 발생.
BrowserStorage를 통한 해결책
- LocalStorage를 DataSource로 간주하고, Clean Architecture의 Data Layer에 BrowserStorage를 도입하여 관리.
- BrowserStorage는 Model 기반으로 저장/불러오기를 지원하며, 오류 처리 용이.
- BrowserStorage는 BrowserStorageKey와 BrowserStorageMapper를 사용하여 key-model 관계를 설정하고, JSON 변환/역변환을 담당.
결론 및 기대 효과
- 코드량은 증가했지만, 관심사 분리를 통해 LocalStorage 사용의 안정성을 높임.
- 더 건강한 코드베이스를 구축하여 안정적인 품질의 제품을 만들 수 있게 됨.