Blog

Technology-Agnostic

Architectural Playground

Juun

Playground
  1. Home
Featured

Articles

인프라, 성능 및 아키텍처 결정 등에 대한 심층 분석

Separation of Concerns in Frontend DevelopmentSeparation of Concerns in Frontend Development
Field Notes
2025년 10월 1일
9분 소요
Separation of Concerns in Frontend Development
Frontend 영역에서의 관심사 분리 원칙 (Separation of Concerns, SoC)과 코드 레벨에서의 영향력
Micro Frontend (MFE): Common Misconceptions and Case StudiesMicro Frontend (MFE): Common Misconceptions and Case Studies
Field Notes
2025년 8월 5일
9분 소요
Micro Frontend (MFE): Common Misconceptions and Case Studies
Micro Frontend (MFE) 의 개념, 과장된 장점들, 오해들과 함께 구현 방법 조사 및 사례 연구
Index

Decision Records

프로젝트 개발 전반에 걸친 아키텍처 및 제품에 대한 의사결정 기록

  1. #0212026년 1월
    ARCHITECTURE

    Support i18n with SEO Improvement

    next-intl, 메타데이터, 사이트맵 생성 자동화로 다중 언어 지원

    ADRNext.jsSEOSSRi18ninternationalizationmetadatatranslationArticle
  2. #0202026년 1월
    ARCHITECTURE

    Cesium Viewer Lifecycle Management and Crash Prevention

    cesium-utils 경로에서 빠른 페이지 전환 시 앱이 종료되는 현상 발생: 전역 변수였던 viewer 를 route 마다 할당하고, async 가드를 설정하는 등으로 해결

    ADRCesiumReactWebGLcontextlifecycle
  3. #0192025년 12월
    ARCHITECTURE

    Package Build Pipeline and Type Safety in CI

    웹 앱이 패키지 소스를 직접 사용하던 방식에서 빌드된 결과물을 사용하는 방식으로 전환, 이에 따른 CI 과정 업데이트

    ADRBuildCIMonorepoTurborepoTypeScripttsup
  4. #0182025년 12월
    ARCHITECTURE

    RSC Directives and Bundler Limitations

    분리했던 UI 패키지를 다시 웹 앱에 통합, 리액트의 directive 를 유지하지 못하는 번들러의 한계 발견

    ADRArchitectureDXNext.jsRSCReactbundler
  5. #0172025년 12월
    INFRASTRUCTURE

    Automatic Type Generation for OpenAPI

    Swagger/OpenAPI 사양을 따르는 API 에 대한 TypeScript 타입 생성 자동화 도입

    APIDXOpenAPISwaggerTypeScriptautomation