04
재사용 레이아웃 라이브러리
grid-masonry
레이아웃 계산 코어와 React·브라우저 연동을 분리한 masonry 레이아웃 라이브러리입니다.
릴리스됨
- 기간
- 2024 — 현재
- 역할
- 라이브러리 엔지니어
문제
04레이아웃 계산을 화면마다 다시 만들지 않으려면 독립적으로 검증할 수 있는 계산 코어가 필요했습니다.
제약
- 브라우저 의존성은 바깥 계층에 둡니다.
- core 패키지는 독립적으로 테스트합니다.
설계와 결정
- core, React, browser 패키지를 분리했습니다.
- 같은 입력에 같은 결과가 나오는 테스트로 레이아웃 계산을 검증합니다.
구현
- core, React, browser 패키지로 구성된 npm workspace입니다.
검증과 근거
저장소확인
manifest에서 core, React, browser workspace 구성을 확인할 수 있습니다.
결과와 현재 상태
애플리케이션 전체를 끌어오지 않고 필요한 레이아웃 기능만 가져다 쓸 수 있습니다.