#아키텍처

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

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

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

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

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

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

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

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

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

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

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

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

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

FSD 아키텍처 소개

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

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

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

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

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