🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Conform👁 49
React 폼 라이브러리. progressive enhancement·Remix 친화·Zod 통합.
CSS contain👁 49
브라우저 렌더 최적화 힌트. 레이아웃·페인트 범위 제한.
HTTP/2 Server Push👁 49
서버가 요청 전에 리소스 푸시. 실효성 부족으로 deprecated.
INP 최적화👁 49
Long Task 쪼개기·Transition·Debounce·Web Worker.
Lockfile👁 49
의존성의 정확한 버전을 고정하는 파일. package-lock.json·pnpm-lock.yaml.
Next.js Cache Tags👁 49
fetch + next: { tags }·revalidateTag로 세밀한 캐시 무효화.
Next.js Server Actions👁 49
Next.js의 서버 함수 직접 호출. API 라우트 불필요.
Oxlint👁 49
Rust 기반 ESLint 대안. 50~100배 빠름.
Periodic Background Sync👁 49
앱이 닫혀도 주기적으로 서비스 워커 실행해 데이터 갱신.
Priority Hints👁 49
fetchpriority 속성으로 리소스 우선순위 지정.
React 19 Form Actions👁 49
form 태그에 action 함수 직접 연결. 서버·클라이언트 공용.
React 19 Stable👁 49
2024.12 출시. Actions·use·Compiler·ref as prop 안정.
React Compiler👁 49
자동 메모화 컴파일러. useMemo·useCallback 불필요.
React.memo👁 49
컴포넌트 리렌더 최적화. props 변경 시에만 재렌더.
React Router v7 (Remix 통합)👁 49
Remix v3 = React Router v7. 브랜드 통합.
Satori👁 49
Vercel의 HTML·CSS를 SVG로 변환. Edge에서 이미지 생성.
SolidJS Reactivity👁 49
Fine-grained 반응성. createSignal·createEffect.
Storyblok Visual Editor👁 49
마케터 친화 헤드리스 CMS. 실시간 프론트 미리보기.
Virtual DOM👁 49
실제 DOM의 JS 객체 복제본. 변경을 복제본에서 계산한 뒤 차이(diff)만 실제 DOM에 반영해 성능을 끌어올린다.
Astro Middleware👁 48
페이지 렌더 전 요청 가로채기. 인증·리다이렉트·locals.
Astro Server Islands👁 48
정적 HTML + 서버 렌더 부분 동적 교체.
content-visibility👁 48
뷰포트 밖 요소를 렌더 스킵. 긴 페이지 성능 극적 개선.
Design Token👁 48
디자인 값(색·간격·폰트)을 추상화·공유하는 단위. Figma·코드·문서 간 동기화.
Early Hints (103)👁 48
응답 이전에 preload 힌트 선제 전송. LCP 개선.
inert Attribute👁 48
하위 트리 전체를 상호작용·접근성에서 제외. 모달 외부 비활성.
React 19 `use` Hook👁 48
Promise·Context를 조건부로 읽는 훅. Suspense와 조합.
useEffect👁 48
컴포넌트 라이프사이클·부수효과를 다루는 React 훅. 렌더 후 실행.
Astro Content Collections👁 47
타입 안전 MD·MDX 콘텐츠 관리. zod 스키마.
color-mix()👁 47
CSS 내에서 두 색 혼합. 테마 생성·hover 변형.
Declarative Shadow DOM👁 47
SSR에서 Shadow DOM을 HTML 속성으로 선언. 하이드레이션 불필요.
Qwik Resumability👁 47
Qwik의 핵심. 서버 상태를 이어받아 Hydration 없이 즉시 상호작용.
React 19 Document Metadata👁 47
title·meta·link을 컴포넌트 어디서나 렌더. Next·Remix 없이도.
Starlight👁 47
Astro의 문서 사이트 테마. Next·Docusaurus 대안.
Headless CMS 옵션👁 46
Sanity·Contentful·Strapi·Payload·Directus·TinaCMS 비교.
<dialog> Element👁 46
네이티브 모달. showModal()·::backdrop·포커스 트랩.
← 이전7 / 7