"frontend" 태그로 연결된 7개 게시물개의 게시물이 있습니다.

React Context API를 의존성 주입 도구로 활용하여 Mocking 없이 Zustand store 테스트하기

Supabase에서 자체 API 서버로 전환하는 과정에서 제어의 역전(IoC)과 의존성 제어를 어떻게 활용했는지에 대한 경험

결제 수단 변경 기능을 구현하며 마주쳤던 컴포넌트 인터페이스 문제를 어댑터 패턴으로 해결한 경험

DIP 원칙을 통해 요구사항 변화에 유연하게 대응한 경험, feat: TanStack Query

TypeScript의 Discriminated Union을 활용해서 UI 상태 안전하게 관리하기

포카칩으로 알아보는 비즈니스 로직

Static Site Generation(SSG)에서 콘텐츠가 늘어날수록 빌드 시간은 기하급수적으로 증가합니다. 특히 상세 페이지의 개수가 늘어날수록 빌드 시간이 15분까지 늘어나면서 개발 경험에 심각한 악영향을 미쳤습니다.

이러한 비효율적인 개발 워크플로우를 개선하기 위해 고심한 끝에 App Router가 제공하는 SSR + 데이터 캐싱 패턴을 활용하여 빌드 시간을 2분까지 줄인 경험을 이야기하고자 합니다.