🖥️ Frontend
Vue Router 4 완벽 가이드 — 기초부터 중첩 라우트까지
Vue 3와 함께 사용하는 Vue Router 4의 설치부터 동적 라우트, 네비게이션 가드, 중첩 라우트까지 실전 예제로 정리합니다.
웹 & 프로그래밍
개발자 블로그
Frontend · Backend · DevOps · Database · Test · Tools · Mobile · Language
🖥️ Frontend
Vue 3 Composition API 완벽 가이드
Vue 3의 Composition API를 처음부터 차근차근 배워봅니다. setup(), ref, reactive, computed의 핵심 개념을 예제로 익혀보세요.
⚙️ Backend
Spring Boot REST API 빠르게 시작하기
Spring Boot로 REST API를 만드는 기본 흐름을 정리합니다. Controller, Service, Repository 계층 구조를 예제로 익혀봅니다.
🖥️ Frontend
Pinia 완벽 가이드 — Vue 3 공식 상태 관리 라이브러리
Vuex를 대체하는 Vue 3 공식 상태 관리 라이브러리 Pinia. defineStore, state, getters, actions를 실전 예제로 익혀봅니다.
🚀 DevOps
Docker 기초부터 실전까지
Docker 컨테이너의 핵심 개념과 자주 쓰는 명령어를 정리합니다.
🖥️ Frontend
Vue 3 컴포넌트 통신 총정리 — props, emit, provide/inject
Vue 3에서 컴포넌트 간 데이터를 주고받는 모든 방법을 예제로 정리합니다. props, emit, provide/inject, 그리고 전역 상태 관리까지.
🖥️ Frontend
Vue 3 + TypeScript 실전 설정 가이드
Vue 3 프로젝트에 TypeScript를 올바르게 설정하는 방법. defineProps, defineEmits, ref, reactive의 타입 지정을 실전 예제로 정리합니다.
🖥️ Frontend
Vite + Vue 3 프로젝트 빠른 시작 — 환경 설정부터 배포까지
Vite로 Vue 3 개발 환경을 빠르게 구성하는 방법. 경로 별칭, 환경 변수, 프록시, 빌드 최적화 설정까지 한 번에 정리합니다.
🖥️ Frontend
React Hooks 핵심 정리 — useState, useEffect, useRef, useMemo
React 함수형 컴포넌트의 핵심인 Hooks를 실전 예제로 정리합니다. useState, useEffect, useRef, useMemo, useCallback의 올바른 사용법을 알아봅니다.
🖥️ Frontend
React Context API로 전역 상태 관리하기
Props drilling 없이 컴포넌트 트리 전체에 데이터를 공유하는 Context API 사용법. 테마, 인증 상태, 다국어 처리 실전 예제를 정리합니다.
🖥️ Frontend
Next.js 14 App Router 완벽 가이드 — 서버 컴포넌트부터 라우팅까지
Next.js 14 App Router의 핵심 개념을 정리합니다. 서버 컴포넌트, 클라이언트 컴포넌트, 동적 라우팅, 레이아웃, 로딩/에러 처리까지 실전 예제로 알아봅니다.
🖥️ Frontend
TanStack Query(React Query)로 서버 상태 관리하기
TanStack Query v5를 활용해 API 데이터 페칭, 캐싱, 동기화를 효율적으로 처리하는 방법을 실전 예제로 정리합니다.
🖥️ Frontend
React + TypeScript 프로젝트 설정 및 실전 타입 패턴
React 프로젝트에서 TypeScript를 올바르게 사용하는 방법. 컴포넌트 Props 타입, 이벤트 핸들러, useRef, 제네릭 컴포넌트까지 실전 패턴을 정리합니다.