Frontend — 335개 용어

웹 접근성. 장애인·모든 사용자가 쓸 수 있게 하는 실천. WCAG 표준.

Google의 엔터프라이즈 프런트엔드 프레임워크. TypeScript 1급. RxJS·DI 기반.

Next.js Image·WebP·AVIF·srcset·lazy·blur placeholder.

Angular용 메타프레임워크. Vite·파일 라우팅·SSR.

HttpOnly·Secure·SameSite·Domain·Path·Max-Age. 보안·동작 제어.

Angular 17+의 반응성 API. Zone.js 의존 탈피.

JavaScript 안에 HTML 같은 문법. React의 핵심. Babel·SWC가 트랜스파일.

UI 컴포넌트 개발·문서화·시각 테스트 도구. 디자인시스템 구축 필수.

실제 DOM의 JS 객체 복제본. 변경을 복제본에서 계산한 뒤 차이(diff)만 실제 DOM에 반영해 성능을 끌어올린다.

서버에서 HTML을 완성해 클라이언트에 보내는 렌더링. SEO·초기 로딩 속도에 유리.

Vue 기반 풀스택 프레임워크. SSR·SSG·라우팅·모듈 생태계. Vue의 Next.js.

HTML 네이티브로 표현 어려운 의미를 속성으로 보강하는 W3C 표준.

페이지 전체 새로고침 없이 JS로 화면을 갱신하는 웹앱 구조. React·Vue·Angular의 기본 형태.

Microsoft가 만든 JavaScript의 타입 있는 상위 집합. 업계 사실상 표준.

여러 프로젝트·패키지를 하나의 저장소에서 관리하는 방식. Turborepo·Nx·pnpm workspace가 대표 도구.

빌드 타임에 HTML을 미리 생성하는 방식. CDN에서 즉시 서빙되어 가장 빠르다.

JavaScript 스키마 검증 라이브러리. Zod 이전 주류. Formik과 자주 조합.

비동기 렌더링(데이터 로딩, 코드 스플릿)을 선언적으로 처리하는 React 기능. fallback으로 로딩 UI 지정.

TypeScript 런타임 스키마 검증 라이브러리. 타입 자동 추론.

뷰포트가 아닌 부모 컨테이너 크기에 따라 스타일을 바꾸는 CSS 기능. 진정한 컴포넌트 단위 반응형.

Meta가 만든 UI 라이브러리. 선언적 컴포넌트·단방향 데이터. 프런트엔드 1위.

Evan You가 만든 프로그레시브 JS 프레임워크. 한국·중국에서 특히 인기.

콘텐츠 중심 사이트에 최적화된 프레임워크. "Islands Architecture"로 기본 0 JS, 필요한 곳만 hydration.

Vercel의 React 풀스택 프레임워크. SSR·SSG·App Router·PPR.

Radix UI + Tailwind로 만든 copy-paste 컴포넌트 모음. 라이브러리 아님.

React에서 함수 컴포넌트의 상태를 선언하는 가장 기본 훅.

사용자가 페이지에서 첫 콘텐츠를 본 시점. LCP의 보조 지표.

서버가 보낸 정적 HTML에 JS를 부착해 인터랙티브하게 만드는 과정.

검색엔진에서 상위 노출되도록 사이트를 최적화하는 기술·전략.

Rich Harris가 만든 컴파일러 프레임워크. 런타임 VDOM 없이 순수 JS로 컴파일.

Vercel이 만든 Rust 기반 차세대 번들러. Next.js 16에서 기본 활성화. Webpack 대비 수십 배 빠름.

TypeScript + JSX. 타입 안전한 React 컴포넌트의 표준.

페이지 로드 후 가장 큰 콘텐츠 요소가 보이기까지의 시간. Core Web Vitals 핵심, 2.5초 이하 권장.

JS/TS 트랜스파일러 선택.

하나의 거대 번들을 여러 청크로 쪼개 필요할 때만 로드하는 기법. 초기 로딩 속도 크게 개선.

표준 JavaScript 모듈 시스템. import/export. 브라우저·Node 모두 지원.

유틸리티 클래스 기반 CSS 프레임워크. <code>flex p-4 text-lg</code>처럼 클래스 조합만으로 스타일링.

Rust로 작성된 올인원 JS/TS 툴체인. ESLint·Prettier를 100배 빠르게 대체.

Facebook의 JavaScript 테스트 프레임워크. 한때 사실상 표준. 현재는 Vitest에 밀림.

비제어(uncontrolled) 기반 고성능 React 폼 라이브러리. Zod·Yup 연동.

사용자 입력(클릭·탭)에서 다음 페인트까지 걸리는 시간. 2024년 FID를 대체. 200ms 이하 권장.

필요한 시점까지 리소스 로딩을 미루는 기법. 이미지·컴포넌트·라우트에 모두 적용.

웹 기술로 만든 앱을 네이티브 앱처럼 설치·오프라인 동작하게 하는 표준.

Meta가 만든 React 상태 관리. Atom·Selector 모델. 2024년 이후 업데이트 둔화.

요소 크기 변경을 감지하는 API. window resize가 아닌 개별 요소 단위.

W3C의 웹 접근성 가이드라인. AA·AAA 레벨. 공공·기업 의무 사항인 나라 많음.

ES Module 기반 번들러. 라이브러리 빌드에 우수. Vite 프로덕션 기반.

서버에서만 실행되어 번들에 포함되지 않는 React 컴포넌트. Next.js App Router의 기본.

페이지가 완전히 상호작용 가능해진 시점. 긴 작업이 사라진 후.

애니메이션 전 브라우저에 GPU 레이어 준비를 알리는 CSS 속성.