입사 1개월차 프론트엔드 개발자의 자체 기술 온보딩 : Streaming SSR편

핵심 내용

• 입사 1개월차 프론트엔드 개발자의 Streaming SSR 온보딩 경험 공유
• CSR 기반 웹앱의 느린 초기 로딩과 빈 화면 문제를 해결하기 위한 SSR, Streaming SSR 도입 배경 정리
• 히스토리 파악, 프로덕트 목적 이해, 직접 구현, 팀원 질문과 스터디를 통한 학습 방법 소개
• React, Vite, TanStack Query, renderToPipeableStream, hydrateRoot를 활용한 구현 포인트와 디버깅 경험 정리

적용해볼 점

• 기술 도입 배경과 코드 흐름을 함께 파악하는 온보딩 방식
• 작은 예제를 직접 구현하며 구조적 문제와 기능적 문제를 구분하는 접근
• 모르는 개념은 팀원과 스터디로 빠르게 해소하는 협업 방식