React useEffect 두 번 실행되는 이유: StrictMode·API 중복 해결
React 개발 환경에서 useEffect가 반복 실행되는 원인을 StrictMode, cleanup, 의존성 배열로 나누고 조회·저장 API의 안전한 처리 방법을 정리합니다.
React
React 렌더링, Hook, 상태 관리, 폼 처리, UI 라이브러리 오류를 실무 사례 중심으로 정리합니다. 경고 메시지와 원인, 잘못된 코드와 수정 코드를 함께 보며 React 문제를 빠르게 해결할 수 있도록 구성했습니다.
총 28개의 글
Radix UI와 shadcn/ui 차이: 컴포넌트를 고를 때 헷갈리는 기준 정리
Radix UI와 shadcn/ui 차이: 컴포넌트를 고를 때 헷갈리는 기준 정리 상황에서 확인할 원인과 해결 순서를 실무 기준으로 정리합니다.
Next.js Server Actions + React Hook Form 검증 기준
Next.js Server Actions와 React Hook Form을 함께 쓸 때 form action, validation, 서버 검증 기준을 정리합니다.
shadcn/ui 설치 오류 해결: components.json과 import alias가 맞지 않을 때
shadcn/ui 설치 오류 해결: components.json과 import alias가 맞지 않을 때 상황에서 확인할 원인과 해결 순서를 실무 기준으로 정리합니다.
React Hook Form 에러 메시지 표시 문제 해결: validation이 안 보일 때 체크리스트
React Hook Form 에러 메시지 표시 문제 해결: validation이 안 보일 때 체크리스트 상황에서 먼저 확인할 로그, 설정, 버전, 환경 차이를 실무 체크리스트로 정리합니다.
Expo React Native Web 사용법: 앱을 웹으로 확장하기
React Native Web 사용법: Expo 앱을 웹으로 확장하는 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
Next.js 커스텀 훅 설계: 프론트엔드 상태 관리 구조 잡기
Next 커스텀 훅 설계: 프론트엔드 상태 관리 아키텍처을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
React 라이브러리 조합 가이드: Zustand·TanStack Query·shadcn/ui 선택 기준
React 프로젝트에서 Zustand, TanStack Query, shadcn/ui, Radix UI 같은 라이브러리를 선택할 때 필요한 실무 기준을 정리합니다.
Next.js 렌더링 성능 최적화: React 화면이 느릴 때 기준
Next.js 렌더링 성능 최적화: React 화면이 느릴 때 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
Axios 사용법: React Next.js에서 API 요청 구조 잡는 법
Axios 사용법: React Next.js에서 API 요청 구조 잡는 법을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.