🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
prefers-reduced-motion👁 53
사용자 모션 감소 선호 미디어 쿼리. 접근성 기본.
Rolldown👁 53
Rollup 호환 Rust 기반 번들러. Vite 미래 엔진.
Rollup👁 53
ES Module 기반 번들러. 라이브러리 빌드에 우수. Vite 프로덕션 기반.
Shadow DOM 스타일링👁 53
:host·::part·::slotted·CSS 변수로 Shadow DOM 경계 관통 스타일링.
SharedArrayBuffer👁 53
Worker 간 공유 메모리. Cross-Origin Isolation 필요.
Speculation Rules👁 53
차세대 prerender API. 링크를 브라우저가 선제 렌더.
Svelte 5 Runes👁 53
Svelte 5의 새 반응성 시스템. $state·$derived·$effect.
Svelte 5 Runes👁 53
$state·$derived·$effect. Svelte의 차세대 반응성 API.
SvelteKit Adapters👁 53
Node·Cloudflare·Vercel·Netlify·Static 배포 추상화.
SvelteKit Form Actions👁 53
SvelteKit의 서버 폼 처리. Progressive Enhancement.
SWC👁 53
Speedy Web Compiler
Rust로 작성된 JavaScript/TypeScript 컴파일러. Babel 대체, Next.js 12부터 기본 채택.
Tailwind CSS v4👁 53
Rust 기반 Oxide 엔진. 100배 빠름. CSS-first 설정.
TanStack Query👁 53
서버 상태 관리의 표준 라이브러리. 캐싱·동기화·리페칭을 자동화.
TanStack Virtual👁 53
수만 행도 부드럽게 렌더링하는 가상 스크롤 라이브러리.
Testing Library👁 53
사용자 관점 중심의 테스트 라이브러리. React·Vue·Angular 모두 버전 제공.
useContext👁 53
Context API로 prop drilling 없이 값을 전달받는 훅. 테마·Auth에 주로 사용.
useRef👁 53
DOM 참조나 렌더와 무관한 가변값을 담는 React 훅.
Visual Regression Testing👁 53
UI 변경을 스크린샷 비교로 검출하는 테스트. Chromatic·Percy·Playwright.
Vite 환경변수👁 53
import.meta.env. VITE_ 접두사 클라이언트 노출.
Vue 3.5 Reactivity👁 53
반응성 시스템 대규모 리팩터. 메모리·속도 개선.
Vue Vapor Mode👁 53
Vue 3.6+의 VDOM-less 모드. SolidJS 스타일 컴파일 타임 반응성.
WebGPU👁 53
저수준 GPU API. WebGL 후속, compute shader 지원.
Astro DB·Content Layer👁 52
Astro의 데이터·콘텐츠 통합 API. libSQL 기반 DB.
Cross-Document View Transitions👁 52
MPA 페이지 전환을 같은 앱처럼. Chrome 126+.
CSS 단위👁 52
px·%·rem·em·vw·vh·vmin·vmax·ch·ex 등. 상황별 선택 기준.
CSS 현대 색상👁 52
color-mix()·oklch()·color-contrast(). 2024 모던 CSS.
Next.js Middleware👁 52
모든 요청 전에 실행되는 Edge 런타임 함수. 인증·리다이렉트.
NPM Package👁 52
npm 레지스트리에 배포되는 자바스크립트 패키지. package.json·main·exports.
Oxc👁 52
Rust 기반 JS 컴파일러 생태계. oxlint·oxc-resolver·oxc-transformer.
PostCSS👁 52
CSS를 AST로 변환하는 플러그인 기반 도구. Autoprefixer가 대표.
PPR👁 52
Partial Prerendering
Next.js가 도입한 렌더링 전략. 정적 shell을 먼저 보내고 동적 부분을 스트리밍으로 채움. SSG와 SSR의 장점 결합.
Prefetch / Preload👁 52
rel=preload (즉시·중요), rel=prefetch (다음 페이지용).
React Compiler Auto-Memo👁 52
useMemo·useCallback·React.memo를 컴파일러가 자동 삽입.
Remix SPA Mode👁 52
Remix를 서버 없이 SPA로 배포. 정적 호스팅.
RUM👁 52
Real User Monitoring
실사용자 브라우저에서 성능·에러 측정. Sentry·Datadog·Vercel Speed Insights.
SameSite 쿠키👁 52
Cross-site 요청 시 쿠키 전송 제어. CSRF 방어 핵심.
Scroll-Driven Animations👁 52
scroll·view-timeline으로 스크롤 기반 애니메이션을 CSS만으로.
Semantic HTML👁 52
의미를 가진 태그를 사용하는 HTML 작성. header·nav·main·article·section·footer.
Storybook👁 52
UI 컴포넌트 개발·문서화·시각 테스트 도구. 디자인시스템 구축 필수.
subgrid👁 52
자식 그리드가 부모 그리드의 트랙을 상속하는 Grid 고급 기능.
SWR👁 52
Stale-While-Revalidate
Vercel의 가벼운 React 데이터 페칭 훅. 캐시 반환 후 백그라운드 갱신.
use() 훅👁 52
React 19의 Promise·Context 언래핑. Suspense와 통합.
Valibot👁 52
Zod 경쟁 경량 스키마. tree-shake 친화, 번들 1/10.
Vite SSR👁 52
Vite의 SSR API. 프레임워크 제작에 사용.
Waku👁 52
RSC 학습용·제품용 미니멀 프레임워크. Daishi Kato.
ArkType👁 51
TypeScript 문법으로 런타임 검증. 런타임·타입 동시 정의.
Astro Actions👁 51
Astro 4.15+ 서버 함수. type-safe 폼 처리.
Astro DB👁 51
Astro 통합 DB 레이어. Drizzle + libSQL.
Biome👁 51
Rome 후속 Rust 기반 JS 툴체인. ESLint + Prettier 통합.
clamp()👁 51
값을 최소·선호·최대로 조합하는 CSS 함수. 반응형 타이포에 필수.