같은 연출, 다른 CLS: transform을 제외한 설계 의도를 찾아서
height 애니메이션을 transform 기반 모션으로 분리해 연출을 유지하면서 CLS를 낮췄습니다. 로컬 프로파일링과 운영 데이터로 레이아웃·메인 스레드 작업 감소를 확인했습니다.
#CLS#transform#web-performance
600
모든 블로그
대표 인기 포스트버즈빌 프론트엔드 변천사143 조회143 조회 프론트엔드 프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드
프론트엔드 프론트엔드
프론트엔드
프론트엔드
버즈빌
주요 카테고리 백엔드 · DevOps
활동 요약
- 최근 30일
- 2개
- 평균 조회
- 18
- 누적 조회
- 2,197
- 전체 글
- 125개
- 마지막 발행
- 2026. 11. 3.
버즈빌 기술 블로그 글 (10)
사진 속 별자리 찾기: 7년 걸린 Plate Solver 만들기
밤하늘 사진의 별 배치로 위치를 찾는 브라우저 Plate Solver 개발 과정을 소개했습니다. AI 협업과 검증 절차로 정확도·속도·용량 문제를 개선하고 공개 가능한 수준을 확인했습니다.
#plate solving#JavaScript#Web Worker
1700
영상 최적화의 대상은 영상만이 아니었다
WebView별 영상 재생 제약에 스틸 이미지·스프라이트 대체 경로를 설계했습니다. 해상도와 인코딩은 실기기 검증으로 사용자 흐름 중심으로 최적화했습니다.
#WebView#video#성능
1200
프리로드 API 없는 광고 SDK에 프리로딩을 적용하며 배운 것
프리로드 API 없는 광고 SDK를 hidden 세션으로 선실행해 반복 대기 시간을 줄이는 구조를 설계했습니다. 우선순위 병합, 노출 신호 보류, 세션 정리와 폴백·관측 기준을 정리했습니다.
#프리로딩#성능#SDK
500
이제 디자이너가 PR을 올립니다
디자이너가 AI와 프로덕션 레포에서 직접 PR을 만들고 엔지니어 리뷰로 배포하는 워크플로우를 공유했습니다. 디자인 시스템·자동 검증·보안·리뷰 정책을 갖춰 핸드오프 지연과 구현 손실을 줄였습니다.
#design-system#pull-request#Claude
600
버즈빌 프론트엔드 변천사
버즈빌은 AngularJS에서 Vue·React·Next.js로 전환하며 통합 어드민과 웹뷰 기반 배포 유연성을 확보했습니다. BFF, 모노레포, Server-Driven UI, Hybrid SDK로 개발·운영 복잡도를 개선했습니다.
#AngularJS#Vue.js#React
000
버즈빌 프론트엔드 변천사
버즈빌이 AngularJS부터 Next.js까지 프론트엔드 아키텍처를 어떻게 바꿔왔는지 정리한 글입니다. 각 전환의 선택 이유와 운영상의 효과, 남은 과제까지 함께 공유했습니다.
#Vue.js#React#Next.js
14300
버즈빌 안드로이드 개발자는 이렇게 일합니다
버즈빌 안드로이드 개발자는 모바일 광고 지면을 제공하는 SDK 개발을 담당합니다. UI/UX와 디바이스 효율성, SDK 사용성을 함께 개선합니다.
#Android#iOS#SDK
2700
Pytest-bdd와 Selenium을 이용한 웹 UI 테스트 자동화
광고 관리 보드의 광고주 대상 기능을 웹 UI 테스트 자동화 대상으로 소개했습니다. Pytest-bdd와 Selenium을 활용한 자동화 사례와 초기 고려 사항을 다룹니다.
#pytest-bdd#Selenium#UI/UX
3400
PhantomJS를 Puppeteer 전환하며
모바일 잠금화면 콘텐츠 이미지를 실시간 생성하는 PhantomJS 렌더링 서버를 운영했습니다. 대규모 이미지 생성과 스케일링 이슈를 배경으로 Puppeteer 전환을 다룹니다.
#PhantomJS#Puppeteer#headless
1400