최신글

모노레포 환경에서 lodash의 import 방식을 변경하여 번들 사이즈를 547KB에서 97KB로 약 82% 감소시킨 경험을 공유합니다. 번들 분석 환경 구축부터 ESLint 규칙을 통한 재발 방지까지의 과정을 다룹니다.

모노레포에서 브랜치명 기반으로 PR의 변경된 파일이 해당 서비스 디렉토리 범위 내인지 자동으로 검증하는 GitHub Actions 워크플로우를 구현하는 방법을 알아봅니다.

모노레포 CI에서 변경 파일이 많을 때 발생하는 "Argument list too long" 에러의 원인과, 이를 해결하기 위해 Bash에서 JavaScript(actions/github-script)로 전환한 방법에 대해 알아봅니다.

대규모 모노레포에서 새로운 ESLint 룰을 부담 없이 도입하기 위해, CI에서 PR의 변경된 파일에만 ESLint를 실행하는 방법에 대해서 알아봅니다.

Git Worktree를 사용하여 별도의 디렉터리에서 병렬로 작업하는 방법에 대해서 알아봅시다.

Claude Code의 설치부터 토큰, 모델, 모드, 활용 팁까지 기본적인 사용법에 대해 알아봅시다.

프로젝트 안에서 또 다른 프로젝트를 만들어 운영하는 PnP 개념과 도입 방법에 대해 알아봅시다.

Toss의 SLASH 21 컨퍼런스에서 발표된 React Clean Code의 핵심 개념인 응집도, 단일 책임, 추상화를 실제 코드 예제와 함께 정리해서 공유합니다.

React의 렌더링이란 무엇인지, 렌더 페이즈와 커밋 페이즈의 차이, Fiber 오브젝트, Key와 렌더링, 배치 처리, 클로저와 state 스냅샷 등 React 렌더링의 기본 개념과 동작 방식에 대해서 공유합니다..

React 렌더링 성능 최적화의 필요성, React.memo, shouldComponentUpdate, PureComponent 등의 최적화 API, 참조 문제와 useCallback/useMemo를 활용한 Props 참조 최적화, 불변성, 성능 측정 방법, React Compiler에 대해서 공유합니다.

Astro 블로그의 Lighthouse 성능 점수를 개선하기 위해 적용한 이미지 최적화, CSS 최적화, 웹 폰트 최적화, 접근성 개선 등의 방법을 공유합니다.

개발자로서 사이드 프로젝트를 진행하면서 겪은 경험과 배운 점들을 공유합니다.