🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Valibot👁 161
Zod 경쟁 경량 스키마. tree-shake 친화, 번들 1/10.
View Transitions API👁 161
페이지·상태 전환 시 부드러운 애니메이션을 CSS로 구현하는 웹 표준. 브라우저가 이전/이후 상태를 자동 크로스페이드.
React 19👁 160
2024년 정식 출시. Actions·use()·Compiler·Document Metadata.
useRef👁 160
DOM 참조나 렌더와 무관한 가변값을 담는 React 훅.
Zod👁 160
TypeScript 최초 우선 스키마 검증. React Hook Form·tRPC 파트너.
Vanilla Extract👁 159
TypeScript 기반 zero-runtime CSS-in-JS. 타입 안전 CSS.
Headless UI👁 158
Tailwind 팀의 headless 컴포넌트 라이브러리. React·Vue 지원.
reactive (Vue)👁 158
Vue 3 반응형 객체 생성. Proxy 기반.
SWR👁 158
Stale-While-Revalidate
Vercel의 가벼운 React 데이터 페칭 훅. 캐시 반환 후 백그라운드 갱신.
web-vitals 라이브러리👁 158
Google의 Core Web Vitals 측정 JS 라이브러리.
Web Worker 호환성👁 158
Service Worker·Worker·SharedWorker·AudioWorklet. 용도별 선택.
PPR👁 157
Partial Prerendering
Next.js가 도입한 렌더링 전략. 정적 shell을 먼저 보내고 동적 부분을 스트리밍으로 채움. SSG와 SSR의 장점 결합.
React Compiler👁 157
수동 memoization 없이도 React 컴포넌트를 자동 최적화하는 컴파일러. useMemo·useCallback·memo가 필요 없어진다.
TanStack Router👁 157
타입 안전 React 라우터. Search param·loader 타입 추론 강력.
Tauri v2👁 157
Rust 기반 데스크톱·모바일 앱 프레임워크. Electron 대안.
useReducer👁 157
복잡한 상태 전이를 reducer 패턴으로 다루는 React 훅. useState의 강화판.
Valtio👁 157
Proxy 기반 React 상태. 그냥 객체처럼 쓰되 변경 시 자동 리렌더.
Panda CSS👁 156
Zero-runtime CSS-in-JS. 디자인 토큰·타입 안전. Chakra UI 팀.
Prettier👁 156
고집 있는 코드 포매터. 논쟁을 제거. JS·TS·CSS·Markdown.
Sass / SCSS👁 156
CSS 전처리기. 변수·중첩·믹스인·함수 제공. 대형 스타일시트 유지보수 향상.
Vite Plugin👁 156
Vite 플러그인 시스템. Rollup 플러그인과 호환.
Vite + Rolldown👁 156
Vite 6+는 Rolldown을 번들러로 전환 중.
fetch API👁 155
브라우저 네이티브 HTTP 클라이언트. XMLHttpRequest의 현대 대체.
Radix UI👁 155
접근성 완벽 headless 컴포넌트. 스타일 자유, 동작만 제공.
Rspack👁 155
ByteDance가 만든 Rust 기반 Webpack 호환 번들러. Webpack 설정 그대로 쓰며 10배+ 빠른 빌드.
Shadow DOM👁 155
DOM을 캡슐화하는 브라우저 표준. Web Components의 스타일·마크업 격리.
SharedArrayBuffer👁 155
Worker 간 공유 메모리. Cross-Origin Isolation 필요.
Svelte 5 Runes👁 155
Svelte 5의 새 반응성 시스템. $state·$derived·$effect.
Visual Regression Testing👁 155
UI 변경을 스크린샷 비교로 검출하는 테스트. Chromatic·Percy·Playwright.
Vitest Browser Mode👁 155
Vitest가 실제 브라우저에서 실행. JSDOM 대신 Playwright.
WebCodecs API👁 155
비디오·오디오 저수준 인코딩·디코딩. WebRTC·ML 전처리.
Container Style Queries👁 154
부모 컨테이너의 속성 값에 따라 자식 스타일 분기.
TanStack Form👁 154
타입 안전 프레임워크 중립 폼 라이브러리.
Lit👁 153
Google의 경량 Web Components 라이브러리.
Service Worker👁 153
브라우저 백그라운드에서 실행되는 JS. 네트워크 요청 가로채기, 오프라인 캐싱, 푸시 알림을 처리.
Vite 환경변수👁 153
import.meta.env. VITE_ 접두사 클라이언트 노출.
Client Boundary👁 152
RSC에서 Server와 Client 컴포넌트 경계. 직렬화 가능한 값만 전달.
CSS Modules👁 152
컴포넌트별로 클래스명을 격리하는 CSS 시스템. 빌드 타임에 해시 접미.
CSS Nesting👁 152
네이티브 CSS 중첩 문법. Sass 없이도 중첩 가능. 2023년 주요 브라우저 지원.
Speculation Rules👁 152
차세대 prerender API. 링크를 브라우저가 선제 렌더.
TanStack Start👁 152
Next·Remix 대안 풀스택 프레임워크. TanStack Router 기반.
Custom Elements👁 151
커스텀 HTML 태그 정의. 프레임워크 독립적 컴포넌트.
Microfrontend👁 151
백엔드 마이크로서비스의 프런트엔드 버전. 독립 배포·기술 자유.
Render Tree👁 151
브라우저가 DOM과 CSSOM을 결합해 만드는 실제 렌더링용 트리.
Sonner👁 151
세련된 React 토스트 라이브러리. shadcn/ui 기본 채택.
TanStack Table👁 151
Headless 테이블 라이브러리. 정렬·필터·페이지네이션·가상화.
tRPC + Next👁 151
Next.js App Router에서 tRPC 사용 패턴.
Long Task👁 150
메인 스레드를 50ms 이상 점유한 작업. 반응성 저해의 원인.
tailwindcss-animate👁 150
shadcn/ui가 사용하는 Tailwind 애니메이션 플러그인.
Vite SSR👁 150
Vite의 SSR API. 프레임워크 제작에 사용.