🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
Microfrontend👁 157
백엔드 마이크로서비스의 프런트엔드 버전. 독립 배포·기술 자유.
TanStack Table👁 157
Headless 테이블 라이브러리. 정렬·필터·페이지네이션·가상화.
Transpile👁 157
한 언어·버전을 다른 언어·버전으로 변환. TS→JS, ES2022→ES5 등.
tRPC + Next👁 157
Next.js App Router에서 tRPC 사용 패턴.
SvelteKit Form Actions👁 156
SvelteKit의 서버 폼 처리. Progressive Enhancement.
Vue Vapor Mode👁 156
Vue 3.6+의 VDOM-less 모드. SolidJS 스타일 컴파일 타임 반응성.
nuqs👁 155
Next.js 검색 파라미터를 타입 안전 상태로 관리하는 훅.
Remix / React Router v7👁 155
웹 표준 중심 React 프레임워크. 2024년 React Router와 통합.
Solid.js👁 155
Fine-grained 반응성 JSX 프레임워크. React와 문법 유사하되 VDOM 없이 극단적 성능.
tailwindcss-animate👁 155
shadcn/ui가 사용하는 Tailwind 애니메이션 플러그인.
Tailwind vs CSS Modules👁 155
utility-first vs component-scoped CSS. 트레이드오프.
Transferable Objects👁 155
Web Worker 간 데이터를 복사 없이 소유권 이전. ArrayBuffer·MessagePort 등.
fetchpriority👁 154
리소스 우선순위 힌트. LCP 이미지·중요 스크립트 high.
IntersectionObserver👁 154
요소의 뷰포트 진입 여부를 효율적으로 감지하는 브라우저 API. 지연 로딩·무한 스크롤.
next/script👁 154
Next.js 스크립트 최적화. strategy로 로딩 타이밍 제어.
React Forget👁 154
React Compiler의 프로젝트명. Facebook 내부 코드네임.
React Fragment👁 154
여러 요소를 추가 DOM 노드 없이 묶는 React 기능. <>...</>.
Semantic HTML👁 154
의미를 가진 태그를 사용하는 HTML 작성. header·nav·main·article·section·footer.
SolidJS 1.x👁 154
세밀 반응성 프레임워크. VDOM 없이 컴파일러 반응성.
useContext👁 154
Context API로 prop drilling 없이 값을 전달받는 훅. 테마·Auth에 주로 사용.
Polyfill👁 153
구버전 브라우저에 최신 API를 구현해 채워 넣는 코드.
React Actions👁 153
React 19의 비동기 작업 처리. form action·useActionState·useFormStatus.
Starlight (Astro)👁 153
Astro 팀의 정적 문서 테마. 최소 설정으로 시작.
SvelteKit Load👁 153
서버·클라이언트 데이터 로딩 함수.
VoidZero👁 153
Evan You가 설립한 Vite·Rolldown 개발사. 통합 JS 툴체인 지향.
CSS Grid👁 152
2차원 CSS 레이아웃 시스템. 행·열 동시 제어로 복잡한 레이아웃 표현.
Redux Toolkit👁 152
RTK
Redux 공식 유틸. createSlice·createAsyncThunk·RTK Query로 보일러플레이트 제거.
use() 훅👁 152
React 19의 Promise·Context 언래핑. Suspense와 통합.
axios👁 151
Node·브라우저용 HTTP 클라이언트. fetch 이전 표준. 인터셉터·변환 기능 풍부.
Composition API👁 151
Vue 3의 로직 조합 API. setup() + ref/reactive로 React Hooks 스타일.
RSC 패턴👁 151
Server Component에서 Client로 props 전달·children prop 패턴.
SameSite 쿠키👁 151
Cross-site 요청 시 쿠키 전송 제어. CSRF 방어 핵심.
Tailwind CSS v4👁 151
Rust 기반 Oxide 엔진. 100배 빠름. CSS-first 설정.
TC39 Signals Proposal👁 151
JavaScript 표준 Signals. Angular·Preact·Solid·Vue 합작.
CVA👁 150
Class Variance Authority
Tailwind 변형(variant) 관리 라이브러리. shadcn/ui 기본.
Qwik👁 150
Resumability 기반 프레임워크. Hydration 대신 서버 상태를 그대로 이어받음.
Stitches👁 150
디자인 토큰 중심 CSS-in-JS. Radix와 함께 인기였으나 2023년 중단.
TTI optimization👁 150
JS 번들 축소·defer·dynamic import로 Time to Interactive 개선.
Cross-Document View Transitions👁 149
MPA 페이지 전환을 같은 앱처럼. Chrome 126+.
error.tsx👁 149
Next.js 라우트 에러 처리 컴포넌트.
forwardRef👁 149
ref를 하위 컴포넌트로 전달. React 19에서는 ref prop 자동.
Pinia👁 149
Vue 3의 공식 상태 관리 라이브러리. Vuex의 후속. TypeScript 친화.
Qwik City👁 149
Qwik의 메타프레임워크. Next·Remix 대응.
Satori👁 149
Vercel의 HTML·CSS를 SVG로 변환. Edge에서 이미지 생성.
subgrid👁 149
자식 그리드가 부모 그리드의 트랙을 상속하는 Grid 고급 기능.
SvelteKit Adapters👁 149
Node·Cloudflare·Vercel·Netlify·Static 배포 추상화.
Turbopack Production👁 149
Next 16 Turbopack이 production build 기본.
Cypress👁 148
개발자 친화 E2E 테스트. 브라우저 내부에서 실행. Playwright에 점유율 내주는 중.
Loading UI👁 148
Next.js의 loading.tsx. 자동 Suspense.
Parcel👁 148
Zero-config 번들러. Webpack 대안. V2에 Rust 기반 최적화.