10:39 12/13
yceffort.kr
10:39
yceffort.kr
ycefforthttps://yceffort.kr/
yceffort
최종 피드 수집: 2026-11-11 05:15
전체 (407)
5h
22h
1d
8d
number-flow를 에이전트에게 맡기면 어디까지 고칠까
다섯 코딩 에이전트가 고친 number-flow와 내 포크 v0.2.1을 다시 비교했다. 글꼴에 따라 달라진 성능 보고, 익명 코드 리뷰, 마스크 기본값을 유지하기로 한 후속 실험까지 기록했다.web-performance
animation
debugging
+ 더보기
browser
ai
10d
number-flow 갱신 경로의 강제 동기 레이아웃 줄이기
number-flow의 값을 바꿀 때마다 스타일과 레이아웃을 여러 번 다시 계산하고 있었다. 0.2.1에서 DOM을 읽고 쓰는 순서를 바꾸며 확인한 성능 변화와 남은 비용을 정리했다.web-performance
browser
debugging
+ 더보기
oss
10d
10d
10d
16d
성능 개선에서 기법은 짧았고 판단은 길었다: 준비, 관측, 대응, 검증, 측정
성능 개선은 기법보다 순서가 먼저라고 생각한다. 지원 범위와 의존성을 먼저 정리하고, 기법보다 먼저 재고, 무엇부터 고칠지 정하고, 원인이 남의 코드나 인프라에 있을 때 대응을 고르고, 깨뜨리지 않았음을 증명해 지키는 장치로 남기web-performance
software-engineering
essay
+ 더보기
19d
방문이 드문 블로그의 핵심 웹 지표를 직접 수집하기
공용 관측 인프라를 기준으로 만든 핵심 웹 지표 수집을 개인 블로그로 옮겼다. 방문이 드물어 비어 있던 대시보드를 고치고, 일반 브라우저에 맞춰 수집 시점을 바꿨다. 10월 17일부터 22일까지의 변경 과정과 23일에 확인한 조회web-performance
devops
debugging
+ 더보기
backend
20d
앱 웹뷰의 핵심 웹 지표를 공용 관측 인프라로 보내기
앱 웹뷰에서 측정한 핵심 웹 지표를 공용 관측 인프라로 보내면서 일부 값이 누락됐다. 웹뷰의 이탈 이벤트부터 tail sampling, 누적 변환, Tempo 조회까지 재현 환경에서 확인하고, 수집 코드를 바꿔 해결할 수 있는 범web-performance
devops
debugging
+ 더보기
browser
backend
23d
페이지를 떠나는 순간 핵심 웹 지표를 보내기
페이지를 떠날 때 CLS와 INP가 누락되는 원인을 OTel JS의 전송 방식과 flush 순서에서 찾았다.web-performance
debugging
browser
+ 더보기
24d
web-vitals는 언제 핵심 웹 지표를 보고하는가
web-vitals 6.2.3의 지표별 보고 조건과 클릭 직후 페이지를 떠날 때 INP가 누락되는 원인을 확인했다.web-performance
debugging
browser
+ 더보기
1M
1M
number-flow 성능 개선기: 애니메이션을 합성 스레드로 옮기기
구형 브라우저를 지원하도록 만든 number-flow 포크에서, 모던 브라우저의 애니메이션도 매 프레임 스타일을 재계산하고 있었다. 0.2.0에서 가산 합성의 움직임을 transform과 opacity 키프레임으로 옮긴 과정과 성web-performance
animation
browser
+ 더보기
oss
css
1M
Next.js 앱의 Marp 슬라이드를 오프라인에 저장하기
기존 Marp 뷰어를 오프라인에서 실행하려던 접근부터 배포와 네트워크, 발표자 창에서 드러난 문제를 보완해 저장 기능을 완성하기까지의 기록pwa
caching
service-worker
+ 더보기
browser
nextjs
1M
1M
1M