웹 & 프로그래밍 개발자 블로그https://plogger.testforge.kr/https://plogger.testforge.kr/posts/frontend/vue-router-4-guide/https://plogger.testforge.kr/posts/frontend/vue-router-4-guide/Vue 3와 함께 사용하는 Vue Router 4의 설치부터 동적 라우트, 네비게이션 가드, 중첩 라우트까지 실전 예제로 정리합니다.Wed, 15 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/frontend/vue3-composition-api/https://plogger.testforge.kr/posts/frontend/vue3-composition-api/Vue 3의 Composition API를 처음부터 차근차근 배워봅니다. setup(), ref, reactive, computed의 핵심 개념을 예제로 익혀보세요.Wed, 15 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/backend/spring-boot-rest-api/https://plogger.testforge.kr/posts/backend/spring-boot-rest-api/Spring Boot로 REST API를 만드는 기본 흐름을 정리합니다. Controller, Service, Repository 계층 구조를 예제로 익혀봅니다.Tue, 14 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/frontend/pinia-state-management/https://plogger.testforge.kr/posts/frontend/pinia-state-management/Vuex를 대체하는 Vue 3 공식 상태 관리 라이브러리 Pinia. defineStore, state, getters, actions를 실전 예제로 익혀봅니다.Tue, 14 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/devops/docker-basics/https://plogger.testforge.kr/posts/devops/docker-basics/Docker 컨테이너의 핵심 개념과 자주 쓰는 명령어를 정리합니다.Mon, 13 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/frontend/vue3-component-communication/https://plogger.testforge.kr/posts/frontend/vue3-component-communication/Vue 3에서 컴포넌트 간 데이터를 주고받는 모든 방법을 예제로 정리합니다. props, emit, provide/inject, 그리고 전역 상태 관리까지.Mon, 13 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/frontend/vue3-typescript-setup/https://plogger.testforge.kr/posts/frontend/vue3-typescript-setup/Vue 3 프로젝트에 TypeScript를 올바르게 설정하는 방법. defineProps, defineEmits, ref, reactive의 타입 지정을 실전 예제로 정리합니다.Sun, 12 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/frontend/vite-vue3-setup/https://plogger.testforge.kr/posts/frontend/vite-vue3-setup/Vite로 Vue 3 개발 환경을 빠르게 구성하는 방법. 경로 별칭, 환경 변수, 프록시, 빌드 최적화 설정까지 한 번에 정리합니다.Sat, 11 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/frontend/react-hooks-guide/https://plogger.testforge.kr/posts/frontend/react-hooks-guide/React 함수형 컴포넌트의 핵심인 Hooks를 실전 예제로 정리합니다. useState, useEffect, useRef, useMemo, useCallback의 올바른 사용법을 알아봅니다.Fri, 10 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/frontend/react-context-api/https://plogger.testforge.kr/posts/frontend/react-context-api/Props drilling 없이 컴포넌트 트리 전체에 데이터를 공유하는 Context API 사용법. 테마, 인증 상태, 다국어 처리 실전 예제를 정리합니다.Thu, 09 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/frontend/nextjs-app-router/https://plogger.testforge.kr/posts/frontend/nextjs-app-router/Next.js 14 App Router의 핵심 개념을 정리합니다. 서버 컴포넌트, 클라이언트 컴포넌트, 동적 라우팅, 레이아웃, 로딩/에러 처리까지 실전 예제로 알아봅니다.Wed, 08 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/frontend/tanstack-query-guide/https://plogger.testforge.kr/posts/frontend/tanstack-query-guide/TanStack Query v5를 활용해 API 데이터 페칭, 캐싱, 동기화를 효율적으로 처리하는 방법을 실전 예제로 정리합니다.Tue, 07 Apr 2026 00:00:00 GMThttps://plogger.testforge.kr/posts/frontend/react-typescript-setup/https://plogger.testforge.kr/posts/frontend/react-typescript-setup/React 프로젝트에서 TypeScript를 올바르게 사용하는 방법. 컴포넌트 Props 타입, 이벤트 핸들러, useRef, 제네릭 컴포넌트까지 실전 패턴을 정리합니다.Mon, 06 Apr 2026 00:00:00 GMT