최신글

6개의 앱과 공유 패키지로 구성된 모노레포에 React Compiler를 일괄 도입한 과정과 마주친 문제들, panicThreshold 선택, eslint-disable 전략, ref.current 오탐지 대응, 그리고 문제 발생 시 "use no memo" 디렉티브를 활용한 대응 방법을 공유합니다.

GitHub Actions에서 GITHUB_TOKEN으로 push하면 다른 워크플로우가 트리거되지 않는 문제의 원인과, PAT와 GitHub Apps를 사용한 해결 방법을 비교하고 GitHub Apps 설정 가이드를 소개합니다.

7개의 앱과 공유 컴포넌트 라이브러리를 포함한 대규모 모노레포를 React 19로 업그레이드하면서 겪었던 실전 경험을 공유합니다. forwardRef 제거, RefObject 타입 통합, useRef 초기값 필수화, JSX 네임스페이스 변경 등 주요 변경 사항과 마이그레이션 전략을 다룹니다.

.nvmrc, package.json의 engines 필드, 그리고 Yarn Berry 커스텀 플러그인을 조합하여 로컬 개발 환경과 CI 환경 모두에서 Node.js 버전을 강제하는 방법을 소개합니다.

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

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

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

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

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

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

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

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