🎨
Frontend — 335개 용어
React·Next.js·CSS·성능 지표·빌드 도구
TypeScript👁 51
Microsoft가 만든 JavaScript의 타입 있는 상위 집합. 업계 사실상 표준.
Qwik👁 50
Resumability 기반 프레임워크. Hydration 대신 서버 상태를 그대로 이어받음.
Qwik City👁 50
Qwik의 메타프레임워크. Next·Remix 대응.
React Aria👁 50
Adobe의 접근성 훅 모음. 자체 UI 만들 때 접근성 보장.
RedwoodJS👁 50
React·GraphQL·Prisma 풀스택. 강한 규약.
ref (Vue)👁 50
Vue 3 반응형 원시값 래퍼. .value로 접근.
Source Map👁 50
컴파일·번들된 코드와 원본 간 매핑. 브라우저 DevTools 디버깅에 필수.
Speculation Rules👁 50
차세대 prerender API. 링크를 브라우저가 선제 렌더.
Svelte👁 50
Rich Harris가 만든 컴파일러 프레임워크. 런타임 VDOM 없이 순수 JS로 컴파일.
SvelteKit👁 50
Svelte 공식 풀스택 프레임워크. Next.js의 Svelte 버전.
SvelteKit Form Actions👁 50
SvelteKit의 서버 폼 처리. Progressive Enhancement.
SWC👁 50
Speedy Web Compiler
Rust로 작성된 JavaScript/TypeScript 컴파일러. Babel 대체, Next.js 12부터 기본 채택.
Turbopack👁 50
Vercel이 만든 Rust 기반 차세대 번들러. Next.js 16에서 기본 활성화. Webpack 대비 수십 배 빠름.
Valtio👁 50
Proxy 기반 React 상태. 그냥 객체처럼 쓰되 변경 시 자동 리렌더.
Vitest Browser Mode👁 50
Vitest가 실제 브라우저에서 실행. JSDOM 대신 Playwright.
VoidZero👁 50
Evan You(Vue 창시자)의 회사. Vite·Oxc 통합 도구 개발.
VoidZero👁 50
Evan You가 설립한 Vite·Rolldown 개발사. 통합 JS 툴체인 지향.
error.tsx👁 49
Next.js 라우트 에러 처리 컴포넌트.
File System Access API👁 49
브라우저가 로컬 파일을 읽고 쓰는 API. VS Code Web·Figma.
Lighthouse👁 49
Google의 웹 성능·접근성·SEO·PWA 감사 도구. Chrome 내장.
Mantine v7👁 49
React UI 라이브러리. CSS Modules 기반으로 재작성.
Middleware Matcher👁 49
matcher 옵션으로 미들웨어 대상 경로 제한.
Next.js Edge Runtime👁 49
Cloudflare Workers와 유사한 제한된 Node 런타임.
Next.js Turbopack👁 49
Next.js 16 기본 번들러. Webpack 대체. Rust 기반 초고속.
OpenGraph Image👁 49
Next.js의 동적 OG 이미지 생성. edge에서 이미지 렌더.
Parallel Routes👁 49
Next.js의 동시 여러 페이지 렌더. Slot 패턴.
Pinia👁 49
Vue 3의 공식 상태 관리 라이브러리. Vuex의 후속. TypeScript 친화.
Popover API👁 49
HTML popover 속성. JS 없이 접근성 친화 팝오버·메뉴.
Prettier👁 49
고집 있는 코드 포매터. 논쟁을 제거. JS·TS·CSS·Markdown.
Progressive Enhancement👁 49
기본 기능은 HTML·CSS만으로 동작하고, JS는 향상만 제공하는 원칙.
React 19 ref as prop👁 49
forwardRef 필요 없이 ref를 일반 prop처럼 전달.
React DevTools👁 49
React 컴포넌트 트리·props·state·profiler 브라우저 확장.
Redux Toolkit👁 49
RTK
Redux 공식 유틸. createSlice·createAsyncThunk·RTK Query로 보일러플레이트 제거.
Rolldown👁 49
Rollup 호환 Rust 기반 번들러. Vite 미래 엔진.
Rollup👁 49
ES Module 기반 번들러. 라이브러리 빌드에 우수. Vite 프로덕션 기반.
Semantic HTML👁 49
의미를 가진 태그를 사용하는 HTML 작성. header·nav·main·article·section·footer.
Shadow DOM 스타일링👁 49
:host·::part·::slotted·CSS 변수로 Shadow DOM 경계 관통 스타일링.
SharedArrayBuffer👁 49
Worker 간 공유 메모리. Cross-Origin Isolation 필요.
Svelte 5 Runes👁 49
Svelte 5의 새 반응성 시스템. $state·$derived·$effect.
SWR👁 49
Stale-While-Revalidate
Vercel의 가벼운 React 데이터 페칭 훅. 캐시 반환 후 백그라운드 갱신.
Tailwind CSS v4👁 49
Rust 기반 Oxide 엔진. 100배 빠름. CSS-first 설정.
TanStack Query👁 49
서버 상태 관리의 표준 라이브러리. 캐싱·동기화·리페칭을 자동화.
TanStack Router👁 49
타입 안전 React 라우터. Search param·loader 타입 추론 강력.
TBT👁 49
Total Blocking Time
Long Task로 메인 스레드가 블록된 총 시간. 실험실 지표.
Turbopack Production👁 49
Next 16 Turbopack이 production build 기본.
useContext👁 49
Context API로 prop drilling 없이 값을 전달받는 훅. 테마·Auth에 주로 사용.
Vanilla Extract👁 49
TypeScript 기반 zero-runtime CSS-in-JS. 타입 안전 CSS.
View Transitions API👁 49
페이지·상태 전환 시 부드러운 애니메이션을 CSS로 구현하는 웹 표준. 브라우저가 이전/이후 상태를 자동 크로스페이드.
Visual Regression Testing👁 49
UI 변경을 스크린샷 비교로 검출하는 테스트. Chromatic·Percy·Playwright.
Vite 환경변수👁 49
import.meta.env. VITE_ 접두사 클라이언트 노출.