📖 용어사전

controlled component

입력값을 React 상태로 직접 관리하는 컴포넌트 방식

uncontrolled component

입력값을 DOM 자체가 관리하는 방식

Vue

컴포넌트 기반으로 웹 UI를 만드는 JavaScript 프레임워크

SFC

Vue에서 template·script·style을 한 파일에 작성하는 형식

template

Vue 컴포넌트의 HTML 구조를 작성하는 영역

ref

Vue Composition API에서 반응형 단일 값을 만드는 기능

reactive

Vue에서 객체를 반응형 상태로 만드는 함수

computed

다른 상태값을 바탕으로 자동 계산되는 파생값

watch

특정 반응형 값의 변화를 감지해 코드를 실행하는 기능

directive

v-if·v-for처럼 DOM에 특별한 동작을 적용하는 Vue 문법

v-if

조건에 따라 요소를 만들거나 제거하는 Vue 디렉티브

v-show

조건에 따라 CSS display로 요소를 보이거나 숨기는 디렉티브

v-for

배열 데이터를 반복해 요소를 생성하는 Vue 디렉티브

v-model

입력값과 Vue 상태를 양방향으로 연결하는 문법

emit

자식 컴포넌트가 부모에게 이벤트를 전달하는 기능

Pinia

Vue 애플리케이션의 전역 상태를 관리하는 라이브러리

Nuxt

Vue 기반으로 SSR·라우팅·서버 기능 등을 제공하는 프레임워크

Next.js

React 기반으로 라우팅·SSR·SSG·서버 기능 등을 제공하는 프레임워크

App Router

Next.js에서 app 폴더 기반으로 페이지와 레이아웃을 구성하는 방식

Server Component

서버에서 실행되고 렌더링되는 React 컴포넌트

Client Component

브라우저에서 이벤트와 상태를 처리하는 React 컴포넌트

hydration error

서버 HTML과 브라우저 결과가 달라 발생하는 오류

Suspense

로딩 중 대체 UI를 보여주며 비동기 UI 처리를 돕는 기능

Error Boundary

하위 React 컴포넌트 오류를 잡아 대체 화면을 보여주는 구조

Redux

JavaScript 애플리케이션의 전역 상태를 관리하는 라이브러리

Zustand

React에서 간단하게 전역 상태를 관리하는 라이브러리

React Query

서버 데이터 요청·캐싱·갱신을 관리하는 라이브러리

TanStack Query

React 등에서 서버 상태를 가져오고 캐싱하는 데이터 관리 도구

composition API

Vue 로직을 함수 중심으로 구성하는 API 스타일

options API

data·methods·computed 같은 옵션으로 Vue 컴포넌트를 구성하는 방식