TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
761760759758757756755754753752751750
Frontend
다국어(i18n) 처리 — Next.js와 react-intl 실전 적용
Next.js에서 react-intl로 다국어 지원을 구현하는 방법과 번역 워크플로.
Frontend
웹 접근성(a11y) 실전 가이드 — ARIA와 시맨틱 HTML
웹 접근성의 핵심 원칙과 ARIA 속성, 시맨틱 HTML 작성 실전 가이드.
Frontend
Canvas API로 인터랙티브 차트 직접 구현하기
HTML5 Canvas API를 활용하여 외부 라이브러리 없이 인터랙티브한 바 차트와 라인 차트를 직접 구현하는 방법을 알아봅니다.
Frontend
Playwright 고급 — 비주얼 회귀 테스트와 API 테스트
Playwright의 비주얼 스크린샷 비교, API 테스트, 네트워크 가로채기 활용법.
Frontend
Vitest 심화 — 모킹, 스냅샷, 커버리지 전략
Vitest의 고급 모킹 패턴, 스냅샷 테스트, 코드 커버리지 설정 방법.
Frontend
웹 성능 최적화 2025 — Core Web Vitals 개선 전략
2025년 기준 Core Web Vitals 최적화 전략 — LCP, INP, CLS 개선 방법.
Infra
모노레포 전략 — Turborepo vs Nx 비교
Turborepo와 Nx의 특징, 성능, 생태계를 비교하고 프로젝트별 선택 기준 제시.
AI
프롬프트 체이닝 — 복잡한 작업을 단계별로 분해하기
하나의 복잡한 프롬프트 대신 여러 단계로 분해하는 프롬프트 체이닝 기법으로 LLM의 정확도와 신뢰성을 크게 향상시키는 전략을 실전 예제로 소개합니다.
Infra
pnpm 완벽 가이드 — npm/yarn 대비 장점과 활용법
pnpm의 심볼릭 링크 전략, 디스크 절약, 모노레포 지원 등 핵심 장점 분석.
Frontend
Vite 6 새 기능 — Environment API, 성능 개선
Vite 6의 Environment API, 빌드 성능 개선, 주요 변경사항 정리.
Database
MongoDB Aggregation 심화 — Facet과 Bucket 분석
MongoDB Aggregation Framework의 고급 기능인 $facet, $bucket, $bucketAuto를 활용하여 복잡한 다차원 데이터 분석을 수행하는 방법을 다룹니다.
Frontend
TypeScript 5.5 — 추론 타입 프레디킷, 정규식 검사
TypeScript 5.5의 추론 타입 프레디킷, 정규식 타입 검사, 격리된 선언 기능.