🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
mdsvex👁 57
Svelte용 MDX. Svelte 컴포넌트를 Markdown에서.
CSS Modules👁 56
컴포넌트별로 클래스명을 격리하는 CSS 시스템. 빌드 타임에 해시 접미.
Font 최적화👁 56
Variable Font·subset·font-display·preload. FOIT·FOUT 제어.
ky👁 56
fetch 기반 미니 HTTP 클라이언트. axios보다 훨씬 작고 현대적.
MobX👁 56
반응형 프록시 기반 상태 관리. 자동 의존성 추적. 객체 지향 스타일.
RedwoodJS👁 56
React·GraphQL·Prisma 풀스택. 강한 규약.
Shadow DOM👁 56
DOM을 캡슐화하는 브라우저 표준. Web Components의 스타일·마크업 격리.
Solid.js👁 56
Fine-grained 반응성 JSX 프레임워크. React와 문법 유사하되 VDOM 없이 극단적 성능.
SolidJS 1.x👁 56
세밀 반응성 프레임워크. VDOM 없이 컴파일러 반응성.
SvelteKit👁 56
Svelte 공식 풀스택 프레임워크. Next.js의 Svelte 버전.
TanStack Form👁 56
타입 안전 프레임워크 중립 폼 라이브러리.
TanStack Table👁 56
Headless 테이블 라이브러리. 정렬·필터·페이지네이션·가상화.
Turbopack👁 56
Vercel이 만든 Rust 기반 차세대 번들러. Next.js 16에서 기본 활성화. Webpack 대비 수십 배 빠름.
TypeScript👁 56
Microsoft가 만든 JavaScript의 타입 있는 상위 집합. 업계 사실상 표준.
View Transitions API👁 56
페이지·상태 전환 시 부드러운 애니메이션을 CSS로 구현하는 웹 표준. 브라우저가 이전/이후 상태를 자동 크로스페이드.
Vite + Rolldown👁 56
Vite 6+는 Rolldown을 번들러로 전환 중.
WebGL👁 56
브라우저에서 GPU 가속 3D 그래픽을 렌더링하는 API. Three.js가 대표.
Zod👁 56
TypeScript 최초 우선 스키마 검증. React Hook Form·tRPC 파트너.
Zustand Slices 패턴👁 56
큰 store를 여러 slice로 분할해 관리하는 Zustand 조직화 패턴.
CLS 최적화👁 55
width/height 속성·aspect-ratio·font-display·skeleton.
CSS Nesting👁 55
네이티브 CSS 중첩 문법. Sass 없이도 중첩 가능. 2023년 주요 브라우저 지원.
Cypress👁 55
개발자 친화 E2E 테스트. 브라우저 내부에서 실행. Playwright에 점유율 내주는 중.
DaisyUI v5👁 55
Tailwind 기반 컴포넌트 라이브러리. 클래스 이름만으로.
Error Boundary👁 55
React의 에러 경계 컴포넌트. 하위 트리 에러를 잡아 fallback UI.
localStorage vs sessionStorage👁 55
브라우저 키-값 저장소. 영속 vs 탭 한정.
Middleware Matcher👁 55
matcher 옵션으로 미들웨어 대상 경로 제한.
MutationObserver👁 55
DOM 변경을 비동기로 관찰하는 API. 서드파티 스크립트·동적 UI 감시.
next/font👁 55
Next.js 폰트 최적화. Google Fonts·Local 자동 최적화.
Next.js 16 주요 기능👁 55
Turbopack 기본·Partial Prerendering 안정·React 19 통합.
Next.js Edge Runtime👁 55
Cloudflare Workers와 유사한 제한된 Node 런타임.
Next.js Route Handlers👁 55
App Router의 API 엔드포인트. Web Request/Response 기반.
not-found.tsx👁 55
404 페이지. notFound() 함수와 조합.
OffscreenCanvas👁 55
Canvas를 Web Worker에서 렌더. 메인 스레드 블록 없음.
Qwik👁 55
Resumability 기반 프레임워크. Hydration 대신 서버 상태를 그대로 이어받음.
Qwik City👁 55
Qwik의 메타프레임워크. Next·Remix 대응.
React 19👁 55
2024년 정식 출시. Actions·use()·Compiler·Document Metadata.
React Compiler👁 55
수동 memoization 없이도 React 컴포넌트를 자동 최적화하는 컴파일러. useMemo·useCallback·memo가 필요 없어진다.
React Forget👁 55
React Compiler의 프로젝트명. Facebook 내부 코드네임.
ref (Vue)👁 55
Vue 3 반응형 원시값 래퍼. .value로 접근.
Rspack👁 55
ByteDance가 만든 Rust 기반 Webpack 호환 번들러. Webpack 설정 그대로 쓰며 10배+ 빠른 빌드.
Service Worker👁 55
브라우저 백그라운드에서 실행되는 JS. 네트워크 요청 가로채기, 오프라인 캐싱, 푸시 알림을 처리.
Source Map👁 55
컴파일·번들된 코드와 원본 간 매핑. 브라우저 DevTools 디버깅에 필수.
Starlight (Astro)👁 55
Astro 팀의 정적 문서 테마. 최소 설정으로 시작.
Stitches👁 55
디자인 토큰 중심 CSS-in-JS. Radix와 함께 인기였으나 2023년 중단.
SvelteKit Load👁 55
서버·클라이언트 데이터 로딩 함수.
TTI👁 55
Time to Interactive
페이지가 완전히 상호작용 가능해진 시점. 긴 작업이 사라진 후.
useCallback👁 55
함수 참조를 메모이제이션하는 훅. 자식 컴포넌트 리렌더 방지에 활용.
useMemo👁 55
비싼 계산 결과를 캐시하는 React 훅. deps 변경 시에만 재계산.
useOptimistic👁 55
React 19의 낙관적 업데이트 훅. 서버 응답 전 즉시 UI 반영.
useReducer👁 55
복잡한 상태 전이를 reducer 패턴으로 다루는 React 훅. useState의 강화판.