마이리얼트립 SSR 최적화
SSR 도입 후 발생한 중복 API 호출과 성능 저하의 원인을 분석하고 구조를 개선한 사례를 다뤘습니다. queryKey 통일, 캐시 설정, 메서드 선택으로 FCP와 LCP를 크게 개선했습니다.
새로운 기술 블로그가 추가되었어요
SSR 도입 후 발생한 중복 API 호출과 성능 저하의 원인을 분석하고 구조를 개선한 사례를 다뤘습니다. queryKey 통일, 캐시 설정, 메서드 선택으로 FCP와 LCP를 크게 개선했습니다.

공간데이터 시각화 플랫폼 개발 여정을 프론트엔드 개발자 관점에서 소개한 글입니다. 제목과 발췌상 프로젝트 개요와 팀 맥락을 전하는 내용입니다.

모바일 이미지 처리에서 메인 스레드 부하와 메모리 과다 사용 문제를 분석했습니다. Web Worker와 OffscreenCanvas로 전처리를 분리해 반응성과 처리 시간을 개선했습니다.


다양한 기기와 브라우저 조합에서 발생하는 웹 QA 이슈와 대응 노하우를 정리했습니다. Cypress를 활용해 반복 검증을 자동화하고 커버리지를 넓히는 방법도 소개했습니다.

LY Corporation 프런트엔드 조직의 2024년 기술 설문 결과를 정리했습니다. React, Next.js, Jest, Tailwind CSS와 함께 Vite, Vitest 전환 흐름도 확인했습니다.

피그마 플러그인으로 실제 데이터를 디자인 시안에 적용하는 구조와 구현 과정을 정리했습니다. 샌드박스, CORS, 라우팅 제약을 우회한 방법과 로그 수집 개선 사례도 소개했습니다.

UT용 프로토타입 데이터 입력의 반복 작업과 리소스 탐색 비효율을 줄이기 위해 피그마 플러그인 데이터브릿지를 만들었습니다. 실제 데이터 적용과 기능 단순화로 작업 시간을 크게 줄이고 인터뷰 몰입도를 높였습니다.

Android 단말의 위치 데이터 활용과 NLP 위치 제공자 특성을 다루는 글입니다. 본문이 일부만 보여 세부 내용은 확인되지 않았습니다.


React 18 동시성 렌더링과 Lane 모델로 입력 지연 문제를 줄이는 방법을 설명했습니다. useTransition과 useDeferredValue를 통해 무거운 렌더링을 분리한 실제 적용 사례도 소개했습니다.


Kotlin Multiplatform으로 Android와 iOS의 비즈니스 로직을 공유하는 구조를 소개했습니다. 플랫폼별 UI는 유지하면서 공통 모듈과 expect/actual, Ktor, SKIE로 연동하는 흐름을 설명했습니다.


11키티즈 게임에서 XState를 선택한 이유를 상태 관리와 자동 진행 관점에서 설명했습니다. 복잡한 게임 로직을 명확하게 분리하고 유지보수성을 높이는 점을 강조했습니다.

의존성 그래프로 프로젝트를 시각화해 코드 파악 시간을 줄인 사례를 소개했습니다.\n파일 영향 범위와 사이드 이펙트를 빠르게 확인하는 실무 활용법을 정리했습니다.