TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
822821820819818817816815814813812811
Frontend
웹 접근성 자동 테스트 — axe-core와 Lighthouse 활용
axe-core와 Lighthouse를 활용한 웹 접근성 자동 테스트 환경을 구축하고, CI/CD에 통합하여 지속적인 접근성 품질을 보장합니다.
Backend
NestJS 심화 — CQRS 패턴과 이벤트 소싱
NestJS에서 CQRS 패턴과 이벤트 소싱을 구현하는 고급 아키텍처 가이드.
Frontend
Angular 18 — Signal 기반 반응성과 새로운 제어 흐름
Angular 18의 Signal 기반 상태 관리, 새로운 템플릿 제어 흐름 문법 가이드.
Frontend
Next.js 이미지 최적화 — next/image 완벽 활용
next/image 컴포넌트의 최적화 기법, 리모트 이미지 설정, 성능 측정 방법.
Frontend
Qwik 프레임워크 — 제로 로딩의 JavaScript 앱
Qwik의 Resumability 개념과 제로 JavaScript 로딩 전략, 기존 프레임워크와의 차이.
Database
MySQL 8 JSON 기능 활용 — Generated Column과 인덱싱
MySQL 8의 네이티브 JSON 타입과 Generated Column을 활용하여 스키마리스 데이터를 효율적으로 저장하고 인덱싱하는 방법을 다룹니다.
Frontend
SolidJS — React와 닮았지만 다른 반응형 프레임워크
SolidJS의 시그널 기반 반응성, 컴파일 타임 최적화, React 대비 차이점.
Frontend
Svelte 5 안정화 — 프로덕션 적용 가이드
Svelte 5 안정 버전의 주요 변경사항과 프로덕션 마이그레이션 전략.
Infra
GitHub Actions Self-Hosted Runner 구축과 보안
GitHub Actions Self-Hosted Runner를 직접 구축하고, 보안 강화 설정과 자동 스케일링을 구현하는 실전 가이드를 제공합니다.
AI
Ollama로 로컬 LLM 실행하기 — LLaMA, Mistral, Phi
Ollama를 사용해 로컬에서 오픈소스 LLM을 실행하고 API로 활용하는 방법.
AI
Gemini 2 API — 구글의 차세대 AI 모델 활용
Google Gemini 2의 멀티모달 능력과 API 활용, Vertex AI 통합 가이드.
Backend
Lucia Auth — 가벼운 인증 라이브러리의 새로운 접근
Lucia Auth의 세션 기반 인증 구현과 OAuth 통합, Prisma 어댑터 활용법.