$ yh.log

전체 포스트

개발 과정에서 배운 지식과 경험을 기록하는 공간입니다.

🏷️ 태그 필터

[스터디] npm deep dive - 9장 패키지 개발에 도움이 되는 도구와 팁
[스터디] npm deep dive - 9장 패키지 개발에 도움이 되는 도구와 팁

JSR(JavaScript Registry)의 탄생 배경과 특징을 살펴보고, npm과의 차이점 및 타입스크립트 네이티브 지원, ESModule 전용 등의 기능을 정리합니다.

npmJSRJavaScript Registry+2

작성날짜: 2026-03-24

[스터디] npm deep dive - 8장 모노레포로 서비스와 라이브러리 모두 관리하기
[스터디] npm deep dive - 8장 모노레포로 서비스와 라이브러리 모두 관리하기

모노레포와 멀티레포의 특징, 장단점을 비교하고 React, Babel, Next.js 사례를 통해 모노레포 도입 시 고려해야 할 요소들을 정리합니다.

npm모노레포멀티레포+2

작성날짜: 2026-03-24

[톺아보기] Vercel의 react-best-practices #10 - Advanced Patterns
[톺아보기] Vercel의 react-best-practices #10 - Advanced Patterns

React 고급 패턴 가이드: Event Handler Refs, 일회성 초기화, useEffectEvent 활용

reactadvancedhooks+3

작성날짜: 2026-03-21

[톺아보기] Vercel의 react-best-practices #9 - JavaScript Performance
[톺아보기] Vercel의 react-best-practices #9 - JavaScript Performance

JavaScript 성능 최적화 가이드: DOM 조작, 캐싱, 배열 처리, Set/Map 활용, 불변성 패턴

javascriptperformanceoptimization+3

작성날짜: 2026-03-21

[톺아보기] Vercel의 react-best-practices #8 - Rendering Performance
[톺아보기] Vercel의 react-best-practices #8 - Rendering Performance

React 렌더링 성능 최적화 가이드: Activity Component, content-visibility, Resource Hints, Hydration 최적화

reactrenderingperformance+3

작성날짜: 2026-03-21

[톺아보기] Vercel의 react-best-practices #7 - Re-render Optimization
[톺아보기] Vercel의 react-best-practices #7 - Re-render Optimization

React 리렌더링 최적화 가이드: 파생 상태, 메모이제이션, useRef, useTransition, useDeferredValue 활용법

reactrerenderoptimization+4

작성날짜: 2026-03-21

[번역] Claude Code는 괴물이다 - 6개월간의 사용 팁
[번역] Claude Code는 괴물이다 - 6개월간의 사용 팁

6개월간 Claude Code를 집중적으로 사용하면서 얻은 팁과 노하우를 공유합니다

ClaudeAI개발도구+2

작성날짜: 2026-03-20

[스터디] npm deep dive - 7장 직접 자바스크립트 패키지 만들기
[스터디] npm deep dive - 7장 직접 자바스크립트 패키지 만들기

npm 패키지 개발 체크리스트, 배럴 파일, Changesets 배포, CLI 도구 활용법을 다룹니다.

npm패키지CLI+3

작성날짜: 2026-03-11

[스터디] npm deep dive - 6장 자바스크립트 번들 도구 살펴보기
[스터디] npm deep dive - 6장 자바스크립트 번들 도구 살펴보기

웹팩, 롤업, Vite 등 자바스크립트 번들 도구의 특징과 동작 원리를 비교합니다.

npm번들링Webpack+4

작성날짜: 2026-03-11

[스터디] npm deep dive - 5장 트랜스파일과 폴리필
[스터디] npm deep dive - 5장 트랜스파일과 폴리필

바벨과 SWC를 활용한 트랜스파일, core-js를 활용한 폴리필의 개념과 동작 원리를 알아봅니다.

npmBabelSWC+5

작성날짜: 2026-03-03