🖥️ Frontend

Frontend

11개의 포스트

2026년 4월 15일

Vue Router 4 완벽 가이드 — 기초부터 중첩 라우트까지

Vue 3와 함께 사용하는 Vue Router 4의 설치부터 동적 라우트, 네비게이션 가드, 중첩 라우트까지 실전 예제로 정리합니다.

2026년 4월 15일

Vue 3의 Composition API를 처음부터 차근차근 배워봅니다. setup(), ref, reactive, computed의 핵심 개념을 예제로 익혀보세요.

2026년 4월 14일

Vuex를 대체하는 Vue 3 공식 상태 관리 라이브러리 Pinia. defineStore, state, getters, actions를 실전 예제로 익혀봅니다.

2026년 4월 13일

Vue 3에서 컴포넌트 간 데이터를 주고받는 모든 방법을 예제로 정리합니다. props, emit, provide/inject, 그리고 전역 상태 관리까지.

2026년 4월 12일

Vue 3 프로젝트에 TypeScript를 올바르게 설정하는 방법. defineProps, defineEmits, ref, reactive의 타입 지정을 실전 예제로 정리합니다.

2026년 4월 11일

Vite로 Vue 3 개발 환경을 빠르게 구성하는 방법. 경로 별칭, 환경 변수, 프록시, 빌드 최적화 설정까지 한 번에 정리합니다.

2026년 4월 10일

React 함수형 컴포넌트의 핵심인 Hooks를 실전 예제로 정리합니다. useState, useEffect, useRef, useMemo, useCallback의 올바른 사용법을 알아봅니다.

2026년 4월 9일

Props drilling 없이 컴포넌트 트리 전체에 데이터를 공유하는 Context API 사용법. 테마, 인증 상태, 다국어 처리 실전 예제를 정리합니다.

2026년 4월 8일

Next.js 14 App Router의 핵심 개념을 정리합니다. 서버 컴포넌트, 클라이언트 컴포넌트, 동적 라우팅, 레이아웃, 로딩/에러 처리까지 실전 예제로 알아봅니다.

2026년 4월 7일

TanStack Query v5를 활용해 API 데이터 페칭, 캐싱, 동기화를 효율적으로 처리하는 방법을 실전 예제로 정리합니다.

2026년 4월 6일

React 프로젝트에서 TypeScript를 올바르게 사용하는 방법. 컴포넌트 Props 타입, 이벤트 핸들러, useRef, 제네릭 컴포넌트까지 실전 패턴을 정리합니다.