본문 바로가기
🎨

Frontend 335개 용어

React·Next.js·CSS·성능 지표·빌드 도구

Declarative Shadow DOM👁 88
SSR에서 Shadow DOM을 HTML 속성으로 선언. 하이드레이션 불필요.
Import Maps👁 88
브라우저 네이티브 모듈 별칭·버전 관리. 번들러 없이도 동작.
Next.js 캐싱 계층👁 88
Request Memoization·Data Cache·Full Route Cache·Router Cache.
OpenGraph Image👁 88
Next.js의 동적 OG 이미지 생성. edge에서 이미지 렌더.
React 19 Stable👁 88
2024.12 출시. Actions·use·Compiler·ref as prop 안정.
Browser DevTools👁 87
브라우저 내장 개발 도구. Element·Console·Network·Performance.
INP 최적화👁 87
Long Task 쪼개기·Transition·Debounce·Web Worker.
Ionic + Vite👁 87
Ionic 8+ Vite 기본. 웹·모바일 공유 UI.
Lottie👁 87
Airbnb의 After Effects 애니메이션을 웹·모바일에 JSON으로 렌더링.
Next.js Middleware👁 87
모든 요청 전에 실행되는 Edge 런타임 함수. 인증·리다이렉트.
OKLCH Color👁 87
지각 균일 색공간. 밝기·채도 직관적, 디자인 토큰에 최적.
React Server Functions👁 87
"use server" 디렉티브로 클라이언트에서 직접 호출하는 서버 함수.
BEM👁 86
Block Element Modifier
CSS 네이밍 컨벤션. block__element--modifier 형식으로 격리.
color-mix()👁 86
CSS 내에서 두 색 혼합. 테마 생성·hover 변형.
content-visibility👁 86
뷰포트 밖 요소를 렌더 스킵. 긴 페이지 성능 극적 개선.
CSS contain👁 86
브라우저 렌더 최적화 힌트. 레이아웃·페인트 범위 제한.
CSS Variable👁 86
CSS custom properties. --name으로 선언, var()로 참조. 동적 테마의 핵심.
htmx👁 86
HTML 속성만으로 SPA 수준 UX. 서버 렌더링 + 부분 스왑.
Next.js Metadata API👁 86
Next.js 13+ SEO 메타데이터 API. 정적·동적 metadata export.
Priority Hints👁 86
fetchpriority 속성으로 리소스 우선순위 지정.
Astro Actions👁 85
Astro 4.15+ 서버 함수. type-safe 폼 처리.
Design Token👁 85
디자인 값(색·간격·폰트)을 추상화·공유하는 단위. Figma·코드·문서 간 동기화.
Early Hints (103)👁 85
응답 이전에 preload 힌트 선제 전송. LCP 개선.
Oxlint👁 85
Rust 기반 ESLint 대안. 50~100배 빠름.
Qwik Resumability👁 85
Qwik의 핵심. 서버 상태를 이어받아 Hydration 없이 즉시 상호작용.
React 19 Form Actions👁 85
form 태그에 action 함수 직접 연결. 서버·클라이언트 공용.
Astro Server Islands👁 84
정적 HTML + 서버 렌더 부분 동적 교체.
dynamic import👁 84
Next.js 동적 임포트. 컴포넌트 지연 로딩.
Headless CMS 옵션👁 84
Sanity·Contentful·Strapi·Payload·Directus·TinaCMS 비교.
Next Middleware Node Runtime👁 84
Next 16+ 미들웨어가 Node.js 런타임 선택 가능.
CSS Anchor Positioning👁 83
요소를 다른 요소 기준으로 배치. 툴팁·팝오버 JS 없이.
Periodic Background Sync👁 83
앱이 닫혀도 주기적으로 서비스 워커 실행해 데이터 갱신.
Astro Content Collections👁 81
타입 안전 MD·MDX 콘텐츠 관리. zod 스키마.
Astro Middleware👁 81
페이지 렌더 전 요청 가로채기. 인증·리다이렉트·locals.
Starlight👁 81
Astro의 문서 사이트 테마. Next·Docusaurus 대안.