본문 바로가기
🎨

Frontend — 335개 용어

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

VoidZero👁 223
Evan You(Vue 창시자)의 회사. Vite·Oxc 통합 도구 개발.
requestAnimationFrame👁 222
브라우저 리페인트 직전에 콜백을 실행하는 API. setTimeout보다 부드러운 애니메이션.
MSW👁 220
Mock Service Worker
네트워크 레벨 API 모킹. Service Worker로 브라우저·Node 양쪽에서 동일 모의.
Rspack👁 220
ByteDance가 만든 Rust 기반 Webpack 호환 번들러. Webpack 설정 그대로 쓰며 10배+ 빠른 빌드.
tsup👁 220
esbuild 기반 TypeScript 라이브러리 번들러.
Zod👁 220
TypeScript 최초 우선 스키마 검증. React Hook Form·tRPC 파트너.
reactive (Vue)👁 219
Vue 3 반응형 객체 생성. Proxy 기반.
Speculation Rules👁 219
차세대 prerender API. 링크를 브라우저가 선제 렌더.
SWR👁 219
Stale-While-Revalidate
Vercel의 가벼운 React 데이터 페칭 훅. 캐시 반환 후 백그라운드 갱신.
TanStack Router👁 219
타입 안전 React 라우터. Search param·loader 타입 추론 강력.
useOptimistic👁 219
React 19의 낙관적 업데이트 훅. 서버 응답 전 즉시 UI 반영.
auto-fit vs auto-fill👁 217
Grid의 반응형 컬럼 생성. auto-fit은 빈 영역 수축, auto-fill은 유지.
CSS-in-JS👁 217
JavaScript 안에 CSS를 작성하는 접근법. styled-components, Emotion, Linaria 등이 대표적.
Lit👁 217
Google의 경량 Web Components 라이브러리.
Panda CSS👁 217
Zero-runtime CSS-in-JS. 디자인 토큰·타입 안전. Chakra UI 팀.
Shadow DOM👁 217
DOM을 캡슐화하는 브라우저 표준. Web Components의 스타일·마크업 격리.
useRef👁 217
DOM 참조나 렌더와 무관한 가변값을 담는 React 훅.
Valtio👁 217
Proxy 기반 React 상태. 그냥 객체처럼 쓰되 변경 시 자동 리렌더.
Headless UI👁 216
Tailwind 팀의 headless 컴포넌트 라이브러리. React·Vue 지원.
TanStack Start👁 216
Next·Remix 대안 풀스택 프레임워크. TanStack Router 기반.
Web Worker 호환성👁 216
Service Worker·Worker·SharedWorker·AudioWorklet. 용도별 선택.
Rolldown👁 214
Rollup 호환 Rust 기반 번들러. Vite 미래 엔진.
SWR vs React Query👁 214
서버 상태 라이브러리 비교. 기능 vs 간결함.
CSS Modules👁 213
컴포넌트별로 클래스명을 격리하는 CSS 시스템. 빌드 타임에 해시 접미.
React DevTools👁 213
React 컴포넌트 트리·props·state·profiler 브라우저 확장.
SameSite 쿠키👁 213
Cross-site 요청 시 쿠키 전송 제어. CSRF 방어 핵심.
Sass / SCSS👁 213
CSS 전처리기. 변수·중첩·믹스인·함수 제공. 대형 스타일시트 유지보수 향상.
SWC👁 213
Speedy Web Compiler
Rust로 작성된 JavaScript/TypeScript 컴파일러. Babel 대체, Next.js 12부터 기본 채택.
useReducer👁 212
복잡한 상태 전이를 reducer 패턴으로 다루는 React 훅. useState의 강화판.
Vite + Rolldown👁 212
Vite 6+는 Rolldown을 번들러로 전환 중.
Composition API👁 211
Vue 3의 로직 조합 API. setup() + ref/reactive로 React Hooks 스타일.
Shadow DOM 스타일링👁 211
:host·::part·::slotted·CSS 변수로 Shadow DOM 경계 관통 스타일링.
TanStack Form👁 211
타입 안전 프레임워크 중립 폼 라이브러리.
Tauri v2👁 211
Rust 기반 데스크톱·모바일 앱 프레임워크. Electron 대안.
WebCodecs API👁 210
비디오·오디오 저수준 인코딩·디코딩. WebRTC·ML 전처리.
CSS Nesting👁 209
네이티브 CSS 중첩 문법. Sass 없이도 중첩 가능. 2023년 주요 브라우저 지원.
fetch API👁 209
브라우저 네이티브 HTTP 클라이언트. XMLHttpRequest의 현대 대체.
Qwik👁 209
Resumability 기반 프레임워크. Hydration 대신 서버 상태를 그대로 이어받음.
SharedArrayBuffer👁 209
Worker 간 공유 메모리. Cross-Origin Isolation 필요.
Svelte 5 Runes👁 209
Svelte 5의 새 반응성 시스템. $state·$derived·$effect.
use() 훅👁 209
React 19의 Promise·Context 언래핑. Suspense와 통합.
Pinia👁 208
Vue 3의 공식 상태 관리 라이브러리. Vuex의 후속. TypeScript 친화.
Render Tree👁 208
브라우저가 DOM과 CSSOM을 결합해 만드는 실제 렌더링용 트리.
Service Worker👁 208
브라우저 백그라운드에서 실행되는 JS. 네트워크 요청 가로채기, 오프라인 캐싱, 푸시 알림을 처리.
Vite Plugin👁 208
Vite 플러그인 시스템. Rollup 플러그인과 호환.
Vue Vapor Mode👁 208
Vue 3.6+의 VDOM-less 모드. SolidJS 스타일 컴파일 타임 반응성.
tRPC + Next👁 207
Next.js App Router에서 tRPC 사용 패턴.
Vite SSR👁 207
Vite의 SSR API. 프레임워크 제작에 사용.
Container Style Queries👁 206
부모 컨테이너의 속성 값에 따라 자식 스타일 분기.
CVA👁 206
Class Variance Authority
Tailwind 변형(variant) 관리 라이브러리. shadcn/ui 기본.