본문 바로가기
🎨

Frontend — 335개 용어

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

next/image👁 206
Next.js 이미지 컴포넌트. 자동 최적화·lazy·responsive.
Redux Toolkit👁 206
RTK
Redux 공식 유틸. createSlice·createAsyncThunk·RTK Query로 보일러플레이트 제거.
subgrid👁 206
자식 그리드가 부모 그리드의 트랙을 상속하는 Grid 고급 기능.
tailwindcss-animate👁 206
shadcn/ui가 사용하는 Tailwind 애니메이션 플러그인.
Vitest Browser Mode👁 206
Vitest가 실제 브라우저에서 실행. JSDOM 대신 Playwright.
Custom Elements👁 205
커스텀 HTML 태그 정의. 프레임워크 독립적 컴포넌트.
error.tsx👁 205
Next.js 라우트 에러 처리 컴포넌트.
forwardRef👁 205
ref를 하위 컴포넌트로 전달. React 19에서는 ref prop 자동.
Popover API👁 205
HTML popover 속성. JS 없이 접근성 친화 팝오버·메뉴.
SvelteKit Load👁 205
서버·클라이언트 데이터 로딩 함수.
Tailwind vs CSS Modules👁 205
utility-first vs component-scoped CSS. 트레이드오프.
Transferable Objects👁 205
Web Worker 간 데이터를 복사 없이 소유권 이전. ArrayBuffer·MessagePort 등.
Transpile👁 205
한 언어·버전을 다른 언어·버전으로 변환. TS→JS, ES2022→ES5 등.
useContext👁 205
Context API로 prop drilling 없이 값을 전달받는 훅. 테마·Auth에 주로 사용.
Waku👁 205
RSC 학습용·제품용 미니멀 프레임워크. Daishi Kato.
React Forget👁 204
React Compiler의 프로젝트명. Facebook 내부 코드네임.
Semantic HTML👁 204
의미를 가진 태그를 사용하는 HTML 작성. header·nav·main·article·section·footer.
SolidJS 1.x👁 204
세밀 반응성 프레임워크. VDOM 없이 컴파일러 반응성.
Client Boundary👁 203
RSC에서 Server와 Client 컴포넌트 경계. 직렬화 가능한 값만 전달.
RSC 패턴👁 203
Server Component에서 Client로 props 전달·children prop 패턴.
next/script👁 202
Next.js 스크립트 최적화. strategy로 로딩 타이밍 제어.
Polyfill👁 202
구버전 브라우저에 최신 API를 구현해 채워 넣는 코드.
Vite 환경변수👁 202
import.meta.env. VITE_ 접두사 클라이언트 노출.
fetchpriority👁 201
리소스 우선순위 힌트. LCP 이미지·중요 스크립트 high.
React Actions👁 201
React 19의 비동기 작업 처리. form action·useActionState·useFormStatus.
Solid.js👁 201
Fine-grained 반응성 JSX 프레임워크. React와 문법 유사하되 VDOM 없이 극단적 성능.
Tailwind CSS v4👁 201
Rust 기반 Oxide 엔진. 100배 빠름. CSS-first 설정.
IntersectionObserver👁 200
요소의 뷰포트 진입 여부를 효율적으로 감지하는 브라우저 API. 지연 로딩·무한 스크롤.
Long Task👁 200
메인 스레드를 50ms 이상 점유한 작업. 반응성 저해의 원인.
nuqs👁 200
Next.js 검색 파라미터를 타입 안전 상태로 관리하는 훅.
Stitches👁 200
디자인 토큰 중심 CSS-in-JS. Radix와 함께 인기였으나 2023년 중단.
TanStack Table👁 200
Headless 테이블 라이브러리. 정렬·필터·페이지네이션·가상화.
Visual Regression Testing👁 200
UI 변경을 스크린샷 비교로 검출하는 테스트. Chromatic·Percy·Playwright.
Remix / React Router v7👁 199
웹 표준 중심 React 프레임워크. 2024년 React Router와 통합.
Sonner👁 199
세련된 React 토스트 라이브러리. shadcn/ui 기본 채택.
Turbopack Production👁 199
Next 16 Turbopack이 production build 기본.
VoidZero👁 199
Evan You가 설립한 Vite·Rolldown 개발사. 통합 JS 툴체인 지향.
Cross-Document View Transitions👁 198
MPA 페이지 전환을 같은 앱처럼. Chrome 126+.
CSS Grid👁 198
2차원 CSS 레이아웃 시스템. 행·열 동시 제어로 복잡한 레이아웃 표현.
MobX👁 198
반응형 프록시 기반 상태 관리. 자동 의존성 추적. 객체 지향 스타일.
Starlight (Astro)👁 198
Astro 팀의 정적 문서 테마. 최소 설정으로 시작.
Cypress👁 197
개발자 친화 E2E 테스트. 브라우저 내부에서 실행. Playwright에 점유율 내주는 중.
React Aria👁 197
Adobe의 접근성 훅 모음. 자체 UI 만들 때 접근성 보장.
Storyblok Visual Editor👁 197
마케터 친화 헤드리스 CMS. 실시간 프론트 미리보기.
TanStack Query Devtools👁 197
서버 상태 캐시·쿼리를 시각화하는 브라우저 확장·컴포넌트.
Unit Test👁 197
함수·모듈 단위의 작은 테스트. 빠르고 많이 작성. 개발 피드백의 기반.
axios👁 196
Node·브라우저용 HTTP 클라이언트. fetch 이전 표준. 인터셉터·변환 기능 풍부.
localStorage vs sessionStorage👁 196
브라우저 키-값 저장소. 영속 vs 탭 한정.
TC39 Signals Proposal👁 196
JavaScript 표준 Signals. Angular·Preact·Solid·Vue 합작.
TTI optimization👁 196
JS 번들 축소·defer·dynamic import로 Time to Interactive 개선.