A DEVELOPER’S WORKBENCH
istp.builders
직접 만들고, 부딪히고, 기록합니다.
FrontendDXSide projects
일단, 만들어보자.
만든 서비스
이런 것도 만들었어요.
기록 84
RECENT NOTES6개의 기록
Generate Router의 새로운 버전: 타입 안전한 라우팅의 진화
Generate Router의 새로운 버전에서는 override 옵션을 통해 Next.js의 useRouter와 Link에 자동으로 타입을 적용합니다. 이로 인해 잘못된 경로 사용에 대해 컴파일 타임 에러가 발생하며, 자동 완성 지원과 동적 라우트의 타입 추론이 가능해졌습니다.
Rollup VS Esbuild의 비교 및 CRA 번들러 마이그레이션 해보기
Rollup과 Esbuild를 비교하며 CRA 프로젝트의 번들러를 Webpack에서 Rollup으로 마이그레이션하는 과정을 상세히 다뤘습니다. 각 번들러의 특징과 성능을 벤치마크를 통해 분석하며, React 개발 환경에서의 최적화 방안을 제시합니다.
TypeScript 설정 및 ts-node vs tsx 비교
TypeScript 프로젝트를 시작하기 위한 기본 설정 방법과 ts-node와 tsx의 성능 차이를 비교해보았습니다. 벤치마크 결과를 바탕으로 더 빠르고 효율적인 실행 도구를 선택하고, 라이브러리 개발에 적합한 최적의 설정을 구성하는 방법을 소개합니다.
Next.js 라우팅, 이제 컴파일 타임에 안전하게 관리하세요!
Next.js에서 라우팅 실수를 방지하고 싶다면? 경로를 타입으로 관리해보세요. 이 라이브러리는 정적/동적 경로를 자동으로 추출해 TypeScript 타입으로 변환하고, 자동완성과 타입 안전성을 제공합니다. 생산성을 높이고 유지보수를 간소화하세요!
제너레이터와 이터레이터 React에서 활용하는 타이핑 애니메이션
복잡한 작업 흐름을 효율적으로 처리하는 JavaScript의 강력한 도구인 제너레이터와 이터레이터를 탐구해봅시다!
next.js app router에 오래걸리는 API ISR 처리하기
오래걸리는 API 때문에 SSG를 사용하던 블로그에 빌드 시점을 타깃해서 ISR로 변경해보기