Posts
개발하며 경험한 것들
프론트엔드 개발, 성능 최적화, 디자인 시스템, 그리고 제품을 만드는 과정에서 배운 것들을 기록합니다.
- 2026년 8월 15일4분 읽기
좋은 인터랙션은 설명하기 어렵지만 느껴진다
사용자는 기능보다 경험을 기억한다. 작은 인터랙션들이 제품의 완성도를 결정한다고 느끼게 된 이야기.
UX인터랙션프론트엔드사용자경험 - 2026년 7월 1일4분 읽기
AI 시대에도 사라지지 않을 개발자의 역할
AI가 코드를 대신 작성하는 시대가 오고 있다. 그럼에도 개발자가 여전히 필요한 이유에 대해 생각해봤다.
AI개발자생각정리회고 - 2026년 6월 15일3분 읽기
사용자는 기능보다 속도를 기억한다
성능 최적화를 하면서 깨달은 것은 사용자가 코드의 복잡함보다 경험의 쾌적함을 더 강하게 기억한다는 사실이었다.
UX성능최적화프론트엔드회고 - 2026년 5월 20일5분 읽기
LCP를 4.2s에서 2.1s로 줄인 방법
Lighthouse 점수보다 중요한 것은 사용자의 체감 속도였다. 실제 서비스에서 진행했던 성능 최적화 과정을 정리했다.
성능최적화Next.jsCore Web VitalsLCP - 2026년 4월 12일4분 읽기
프론트엔드 개발자가 Datadog을 써야 하는 이유
에러는 Watap, 지표는 Elasticsearch, 마케팅은 GA4로 보던 시절이 있었다. Datadog을 만나고 나서 데이터가 연결되는 경험을 처음 했다.
DatadogGA4RUMFrontendObservability - 2026년 3월 5일3분 읽기
팀에 Atomic Design을 도입한 6개월 회고
디자인 시스템 도입 전후의 변화, 실패했던 시도들, 그리고 팀에 실제로 정착시킨 방법을 솔직하게 씁니다.
디자인시스템Atomic DesignReact팀워크 - 2026년 1월 12일4분 읽기
코드를 덜 쓰는 개발자가 더 좋은 개발자일 수도 있다
좋은 개발자는 많은 코드를 작성하는 사람이 아니라, 적은 코드로 문제를 해결하는 사람일지도 모른다.
개발철학생산성리팩토링회고 - 2025년 11월 18일3분 읽기
AI와 함께 일하며 느낀 가장 큰 변화
AI 덕분에 개발 방식이 많이 바뀌었다. 하지만 가장 큰 변화는 코드를 작성하는 속도가 아니라 문제를 바라보는 방식이었다.
AI개발생산성회고문제해결 - 2025년 9월 17일4분 읽기
CLAUDE.md를 프로젝트 문서처럼 관리해야 하는 이유
AI가 코드를 대신 작성하는 시대가 되면서 문서의 역할도 조금씩 달라지고 있다. 최근 CLAUDE.md를 운영하며 느낀 점을 정리했다.
AIClaude개발문화문서화 - 2025년 8월 12일4분 읽기
잘 만드는 팀은 왜 문서를 먼저 쓸까
문서의 가치는 생각보다 설명하기 어렵다. 하지만 직접 기록하고 회고하면서 문서가 팀의 문화가 되는 과정을 경험했다.
문서화생산성팀문화회고 - 2025년 7월 18일3분 읽기
프론트엔드는 기능보다 경험을 만든다
기능은 결국 비슷해진다. 사용자가 기억하는 것은 버튼 하나, 로딩 하나, 전환 하나에서 느끼는 경험일지도 모른다.
프론트엔드UX사용자경험회고 - 2025년 4월 15일3분 읽기
AI가 코드를 대신 쓰기 시작하면서 달라진 것들
AI 덕분에 코드를 더 빨리 작성하게 됐다. 하지만 정작 더 중요해진 것은 구현보다 문제 정의와 재발 방지였다.
AI개발생산성문제해결회고 - 2024년 11월 14일4분 읽기
문서를 쓰기 시작하니 개발 속도가 오히려 빨라졌다
문서를 작성하는 습관은 단순한 기록을 넘어 생각을 정리하고 협업을 돕는 도구가 되었다.
문서화생산성회고개발문화 - 2024년 7월 16일3분 읽기
기능 구현보다 요구사항 정리가 더 어려웠던 이유
개발은 생각보다 코드를 작성하는 시간이 적다. 대부분의 시간은 무엇을 만들어야 하는지 이해하는 데 사용된다.
요구사항실무커뮤니케이션회고 - 2024년 2월 20일5분 읽기
한 줄로 좋아지는 CSS: aspect-ratio, text-wrap, scroll-margin
예전에는 직접 계산하거나 JavaScript로 해결했던 것들이 이제는 CSS 한 줄로 가능해졌다. 최근 자주 사용하는 CSS 속성들을 정리했다.
CSSFrontendUIWeb - 2024년 1월 23일4분 읽기
TDD에 대한 오해: 테스트는 구현이 아니라 동작을 지켜야 한다
처음에는 테스트가 코드를 검증하는 도구라고 생각했다. 하지만 시간이 지나면서 테스트가 지켜야 하는 것은 구현이 아니라 동작이라는 것을 알게 됐다.
TDD테스트Jest회고 - 2023년 9월 26일3분 읽기
PDF를 만들려다 HTML을 다시 보게 된 이야기
이미지 여러 장을 PDF로 변환하는 기능을 만들며 브라우저 렌더링과 기존 도구 활용의 중요성을 배운 기록입니다.
HTMLCSSNode.jsPDF회고 - 2023년 6월 21일6분 읽기
Next.js Link 변경으로 깨진 HTML 구조를 고친 기록
Next.js 버전 업 이후 발생했던 Hydration Error의 원인을 추적하며 HTML 구조와 Link 컴포넌트의 변화를 이해하게 된 경험을 정리했습니다.
Next.jsReactHTML트러블슈팅 - 2023년 5월 9일9분 읽기
Hydration Error를 만났을 때 가장 먼저 확인해야 할 것
Next.js에서 Hydration Error를 만났을 때 원인을 이해하고, 실제로 자주 확인했던 코드 패턴들을 정리했습니다.
Next.jsReactHydration트러블슈팅 - 2023년 4월 18일3분 읽기
Next.js는 어떻게 페이지를 그릴까: CSR, SSR, SSG를 처음 이해한 방식
처음에는 어려웠던 CSR, SSR, SSG. 결국은 HTML을 누가 언제 만드는지의 차이였다.
Next.jsCSRSSRSSG개념정리