#아키텍처

AI가 사용할 디자인 시스템은 무엇이 달라야 할까

규칙을 문서에 적는 것과 시스템에 심는 것의 차이

대출 갈아타기 계산기 · 3편

대출 갈아타기 계산기, 렌더링 전략 분리

미디어쿼리가 나눌 수 없는 축이 있다

대출 갈아타기 계산기 · 2편

대출 갈아타기 계산기, 리팩토링 회고

변경 이유가 다르면 층을 나눈다

페이지네이션 컴포넌트 · 1편

페이지네이션 컴포넌트, 모듈 경계부터 그리기

라이브러리를 쓰지 않기로 하고 처음부터 설계한 기록

앱 배포 없이 바뀌는 모달 웹뷰를 설계한 이야기

최초 도입은 앱 배포가 필요했다. 그 이후를 웹 배포만으로 바꾸는 것이 목표였다

인앱약정 SDK · 10편

인앱약정 SDK의 최종 구조 정리

아홉 편에서 만든 구조를 한 장에 정리하고, 금융사 30곳으로 가기 위해 남은 배포 문제를 다룬다

인앱약정 SDK · 6편

다음 화면은 누가 정하는가

화면은 우리가 그리지만, 흐름의 책임은 어디에 둘 것인가

인앱약정 SDK · 5편

30개의 금융사를 지원하기 위한 SDK 표준화 설계

차이를 없애지 않고 관리하는 방법

인앱약정 SDK · 2편

화면만 그리면 되는 일이라고 생각했다

금융사 도메인 위에서 시작한 SDK의 첫 번째 설계 결정

인앱약정 SDK · 1편

우리는 왜 금융사 웹사이트 안에 SDK를 심었을까

남의 페이지에서 우리 서비스의 품질을 보장하는 방법

FSD에서 배럴 파일 사용 가이드

배럴 파일은 FSD에서 Public API 역할을 하지만, 잘못 쓰면 순환 import와 tree shaking 실패를 부른다. 계층별 사용 기준과 성능 함정을 정리했다

FSD 아키텍처 소개

모노레포 구조의 서비스마다 폴더 구조가 너무 달랐다. 공통 컨벤션이 필요한 상황에서 왜 FSD인가에 대한 이야기

React Fiber 아키텍처와 Reconciliation 심화 이해

React의 핵심 엔진인 Fiber가 Reconciliation을 어떻게 수행하는지, 그리고 그 이해가 왜 성능 최적화로 이어지는지 살펴본다

React Fiber 아키텍처: 선언적 UI의 마법을 가능하게 하는 엔진

「전문가를 위한 리액트」 스터디에서 Fiber 아키텍처를 파고들며 얻은 인사이트를, Stack Reconciler의 한계부터 스케줄러와 실무 최적화까지 정리했다