TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
900899898897896895894893892891890889
Etc
개발자를 위한 리눅스 명령어 50선
개발 실무에서 자주 사용하는 리눅스 명령어 50개를 카테고리별로 정리하고 실전 예제와 함께 활용법을 소개합니다.
Backend
gRPC-Web — 브라우저에서 gRPC 사용하기
gRPC-Web으로 브라우저에서 gRPC 서비스를 호출하는 방법과 아키텍처.
Frontend
WebTransport — 양방향 실시간 통신의 차세대
WebTransport API로 HTTP/3 기반 양방향 실시간 통신을 구현하는 방법.
Infra
Sentry로 에러 모니터링 — 프로덕션 디버깅 가이드
Sentry를 활용한 프로덕션 에러 추적, 성능 모니터링, 소스맵 설정 방법.
Infra
rsync 고급 활용 — 서버 간 데이터 동기화 전략
rsync의 고급 옵션과 실전 패턴을 활용한 서버 간 효율적인 데이터 동기화 및 증분 백업 전략을 체계적으로 정리합니다.
Infra
HTTP/3과 QUIC — 차세대 웹 프로토콜 이해
HTTP/3와 QUIC 프로토콜의 핵심 개념, HTTP/2 대비 개선점, 적용 방법.
Frontend
Popover API — JavaScript 없이 팝오버 만들기
HTML Popover API로 JavaScript 없이 팝오버, 드롭다운, 모달을 구현하는 방법.
Frontend
Figma to Code — 디자인에서 코드 자동 생성
Figma 디자인을 React/Tailwind 코드로 변환하는 도구와 워크플로 비교.
Frontend
View Transitions API — 페이지 전환 애니메이션
View Transitions API로 SPA와 MPA 모두에서 부드러운 페이지 전환을 구현하는 방법.
AI
AI 이미지 업스케일링 — ESRGAN과 Real-ESRGAN 활용
ESRGAN과 Real-ESRGAN을 활용한 AI 이미지 업스케일링의 원리와 실제 사용법, 모델별 품질 차이를 비교 분석합니다.
Frontend
CSS Anchor Positioning — 요소 간 위치 지정의 혁신
CSS Anchor Positioning API로 요소 간 상대적 위치를 지정하는 새로운 방법.
Frontend
TypeScript 6 — 새로운 타입 시스템 기능
TypeScript 6의 새로운 타입 시스템 기능, 패턴 매칭, 성능 개선 사항.