Blogs
GitHub PR을 읽어서 슬랙 공지까지 자동으로
본격적인 스킬의 실사용화! 슬랙으로 배포 요약 자동화를 만든 이야기입니다.
AI 활용법? 제일 귀찮은 것 하나부터 시작하면 됩니다
Claude 스킬을 만들면서 반복 업무를 자동화한 경험을 공유해보았습니다.
Vue + Zod로 폼 유효성 검사 개선하기
기획 변경이 반복될수록 손대기 무서워지는 정규표현식 뭉치. 관리 가능한 구조로 바꾸기 위해 Zod를 도입한 과정을 기록했습니다.
SPA에서 SEO 최적화 작업하기
사이트맵, robots.txt, 구조화 데이터, 동적 메타데이터까지 처음부터 SEO를 세팅한 과정을 기록해보았습니다.
Lighthouse로 LCP·CLS 개선하기
배포 직후 Lighthouse를 돌렸더니 처참한 성능 점수가 나왔습니다. 이미지 최적화와 레이아웃 안정화로 LCP 6.6s → 0.9s, CLS 0.737 → 0을 달성한 과정을 기록해보았습니다.
Intersection Observer로 차트 렌더링 최적화하기
차트 8개가 동시에 API를 쏘면서 초기 로딩이 30초까지 걸렸습니다. API 최적화만으로는 부족했고, 결국 렌더링 전략 자체를 바꿔야 했던 과정에 대한 내용입니다.