🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
React Server Functions👁 183
"use server" 디렉티브로 클라이언트에서 직접 호출하는 서버 함수.
clamp()👁 182
값을 최소·선호·최대로 조합하는 CSS 함수. 반응형 타이포에 필수.
React Portal👁 182
컴포넌트를 DOM 트리의 다른 곳에 렌더. 모달·툴팁 구현.
Remix Action👁 182
Remix의 라우트별 mutation 함수. 폼 제출 처리.
rem vs em👁 182
rem은 루트(html) 기준, em은 부모 기준의 상대 단위. rem이 예측 가능해 주로 사용.
SolidJS Reactivity👁 182
Fine-grained 반응성. createSignal·createEffect.
Svelte 5 Runes👁 182
$state·$derived·$effect. Svelte의 차세대 반응성 API.
Declarative Shadow DOM👁 181
SSR에서 Shadow DOM을 HTML 속성으로 선언. 하이드레이션 불필요.
Next.js Turbopack👁 181
Next.js 16 기본 번들러. Webpack 대체. Rust 기반 초고속.
oxlint (React)👁 181
Oxc 기반 빠른 린터. ESLint React 규칙 이식.
prefers-reduced-motion👁 181
사용자 모션 감소 선호 미디어 쿼리. 접근성 기본.
React 19 `use` Hook👁 181
Promise·Context를 조건부로 읽는 훅. Suspense와 조합.
React Compiler👁 181
자동 메모화 컴파일러. useMemo·useCallback 불필요.
TanStack Virtual👁 181
수만 행도 부드럽게 렌더링하는 가상 스크롤 라이브러리.
content-visibility👁 180
뷰포트 밖 요소를 렌더 스킵. 긴 페이지 성능 극적 개선.
CSS 현대 색상👁 180
color-mix()·oklch()·color-contrast(). 2024 모던 CSS.
Font 최적화👁 180
Variable Font·subset·font-display·preload. FOIT·FOUT 제어.
Import Maps👁 180
브라우저 네이티브 모듈 별칭·버전 관리. 번들러 없이도 동작.
Lockfile👁 180
의존성의 정확한 버전을 고정하는 파일. package-lock.json·pnpm-lock.yaml.
Next.js Middleware👁 180
모든 요청 전에 실행되는 Edge 런타임 함수. 인증·리다이렉트.
color-mix()👁 179
CSS 내에서 두 색 혼합. 테마 생성·hover 변형.
MutationObserver👁 179
DOM 변경을 비동기로 관찰하는 API. 서드파티 스크립트·동적 UI 감시.
Next.js Dynamic IO👁 179
정적·동적 렌더링 경계를 데이터 fetch로 자동 판별.
Periodic Background Sync👁 179
앱이 닫혀도 주기적으로 서비스 워커 실행해 데이터 갱신.
React Compiler Auto-Memo👁 179
useMemo·useCallback·React.memo를 컴파일러가 자동 삽입.
React Router v7 (Remix 통합)👁 179
Remix v3 = React Router v7. 브랜드 통합.
Rspack / Rsbuild👁 179
ByteDance의 Rust Webpack 호환 번들러·상위 도구.
Scroll-Driven Animations👁 179
scroll·view-timeline으로 스크롤 기반 애니메이션을 CSS만으로.
Next.js Cache Tags👁 178
fetch + next: { tags }·revalidateTag로 세밀한 캐시 무효화.
Next Middleware Node Runtime👁 178
Next 16+ 미들웨어가 Node.js 런타임 선택 가능.
not-found.tsx👁 178
404 페이지. notFound() 함수와 조합.
OpenGraph Image👁 178
Next.js의 동적 OG 이미지 생성. edge에서 이미지 렌더.
Open Props👁 178
디자인 토큰을 CSS 커스텀 속성으로 제공하는 라이브러리.
Qwik Resumability👁 178
하이드레이션 제거. 서버가 멈춘 지점부터 이어받기.
Remix SPA Mode👁 178
Remix를 서버 없이 SPA로 배포. 정적 호스팅.
Astro DB👁 177
Astro 통합 DB 레이어. Drizzle + libSQL.
Astro DB·Content Layer👁 177
Astro의 데이터·콘텐츠 통합 API. libSQL 기반 DB.
BEM👁 177
Block Element Modifier
CSS 네이밍 컨벤션. block__element--modifier 형식으로 격리.
Biome👁 177
Rome 후속 Rust 기반 JS 툴체인. ESLint + Prettier 통합.
CLS 최적화👁 177
width/height 속성·aspect-ratio·font-display·skeleton.
CSS contain👁 177
브라우저 렌더 최적화 힌트. 레이아웃·페인트 범위 제한.
File System Access API👁 177
브라우저가 로컬 파일을 읽고 쓰는 API. VS Code Web·Figma.
Next.js 캐싱 계층👁 177
Request Memoization·Data Cache·Full Route Cache·Router Cache.
Parallel Routes👁 177
Next.js의 동시 여러 페이지 렌더. Slot 패턴.
React.memo👁 177
컴포넌트 리렌더 최적화. props 변경 시에만 재렌더.
taintObjectReference / taintUniqueValue👁 177
React 19 taint API. 서버 전용 객체가 클라이언트로 새는 것을 차단.
ArkType👁 176
TypeScript 문법으로 런타임 검증. 런타임·타입 동시 정의.
Intercepting Routes👁 176
Next.js 라우트 인터셉트. Instagram 스타일 모달 라우팅.
<dialog> Element👁 176
네이티브 모달. showModal()·::backdrop·포커스 트랩.
React Compiler 자동 메모👁 176
useMemo·useCallback·memo 자동 삽입. 수동 최적화 제거.