TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
1009998979695949392919089
Frontend
SSR vs SSG vs ISR — 렌더링 전략 완벽 비교
서버 사이드 렌더링, 정적 생성, 증분 재생성의 차이점과 선택 기준.
AI
GitHub Copilot vs Cursor — AI 코딩 도구 비교
GitHub Copilot과 Cursor의 기능, 성능, 가격을 비교하고 선택 기준을 제시합니다.
Infra
Turborepo로 모노레포 빌드 최적화하기
Turborepo의 태스크 파이프라인, 리모트 캐싱, 모노레포 빌드 속도 개선 전략.
Frontend
Zustand v5 — React 상태 관리의 미니멀리즘
Zustand v5의 새로운 기능과 미들웨어 패턴, Redux 대비 장점.
Backend
NestJS 고급 패턴 — Guards, Interceptors, Pipes
NestJS의 Guards, Interceptors, Pipes를 활용한 견고한 API 아키텍처 구축.
Infra
서버리스 아키텍처 장단점 — 언제 써야 하나
서버리스 아키텍처의 진짜 장단점과 적합한 사용 시나리오, 비용 분석.
Frontend
Web Crypto API — 브라우저에서 안전한 암호화
Web Crypto API를 활용한 브라우저 사이드 암호화, 서명, 해싱 구현 방법.
Database
벡터 데이터베이스 비교 — Pinecone vs Chroma vs Weaviate
주요 벡터 데이터베이스의 특성, 성능, 비용을 비교하고 선택 기준을 제시합니다.
Infra
CI/CD 파이프라인 설계 — 최적의 배포 전략
CI/CD 파이프라인의 설계 원칙과 Blue-Green, Canary, Rolling 배포 전략 비교.
AI
AI 코드 리뷰 자동화 — GitHub Actions + LLM 연동
GitHub Actions에서 LLM을 활용해 PR 코드 리뷰를 자동화하는 방법.
Frontend
HTMX — JavaScript 없이 동적 웹 만들기
HTMX를 활용해 서버 사이드 렌더링만으로 SPA 수준의 동적 UI를 구현하는 방법.
Frontend
Playwright E2E 테스트 실전 가이드
Playwright로 브라우저 E2E 테스트를 작성하고 CI에서 자동 실행하는 방법.