안녕하세요, 윤홍비입니다

Frontend Developer

// QUICK STATS
18
Total Posts
3
Projects
80
Tags
2.3k
Page Views

Recent Posts

CPU를 비우고 주사율에 맞추는 1920px 고정 대시보드 스케일링React

모니터링 대시보드를 만들면서 "1920px 기준으로 설계된 화면을 모든 해상도에서 깨지지 않게 보여줘야 한다"는 요구사항을 받았습니다. 어떤 화면에서도 한 화면에 모든 위젯이 깨지지 않도록 렌더링 하되, 사용자 입장에서 불편하지 않을 정도의 최적화는 보장 되도록 표현하기 위해 고민했습니다.

2026.07.10232 views0 comments
[SIPE 5기 해커톤 대상 후기] 개발자의 허리를 책임지는 허리피라우 서비스 회고록TypeScript

SIPE 5기 해커톤에 참여했습니다. 팀에서 디자인을 맡게 됐는데 단순히 화면을 예쁘게 그리는 것에서 끝나지 않았습니다. 팀원들이 각자 다른 파트를 개발하는 상황에서 어떻게 하면 디자인이 흐트러지지 않을지를 고민했고 그걸 개발적인 방식으로 풀어내야 했습니다. 그 과정을 정리해봅니다.

2026.07.03179 views0 comments
Sentry Sesstion Replay rrweb JSON을 MP4로 변환해보자트러블슈팅

Sentry에서 rrweb 세션 리플레이를 MP4로 뽑아야 할 일이 생겼는데 마땅한 도구가 없어서 직접 제작하면서 느낀 삽질을 기록으로 남깁니다.

2026.06.08145 views0 comments
OpenAPI 스펙으로 TypeScript API 코드를 자동 생성하는 파이프라인 설계하기TypeScript

프로젝트에서 백엔드 API가 늘어날수록 타입 정의와 API 함수를 손으로 하나씩 작성하는 게 번거로워서 아예 OpenAPI 스펙을 기반으로 자동 생성하는 파이프라인을 설계하게 됐습니다.

2026.05.18165 views0 comments
React Query 캐싱 전략과 invalidateQueries 올바른 사용 패턴React

enabled+staleTime 조합 최적화부터 invalidateQueries를 성공 시점에만 써야 하는 이유, refetchOnMount vs invalidateQueries 선택 기준까지 다이얼로그 라이프사이클과 연계해 정리했습니다.

2026.05.18173 views0 comments
○ hov_i [main] ⚡