728x90

2026/08 3

fetch vs axios, 아직도 axios 써야 할까?

fetch vs axios, 아직도 axios 써야 할까?안녕하세요! 오늘은 프런트엔드 개발을 하시다 보면 한 번쯤 고민해 보셨을 주제, fetch와 axios중 뭘 써야 할까? 에 대해 가볍게 알아보려고 합니다.새 프로젝트를 시작할 때마다 "이번엔 axios 설치할까, 아니면 그냥 fetch 쓸까" 고민해 보신 적 있으신가요?둘 다 결국 데이터를 요청하는 도구인데, 왜 굳이 나눠서 이야기하는지 하나씩 짚어보겠습니다. fetch는 뭐고, axios는 뭘까?fetch는 브라우저에 기본으로 내장된 API입니다.별도의 설치 없이 바로 사용할 수 있고, Node.js환경에서도 최신 버전이라면 기본적으로 지원됩니다.반면 axios는 npm으로 따로 설치해야 하는 외부 라이브러리입니다.npm install axio..

React Hook Form이란? 사용법부터 Zod 연동까지 총정리

React Hook Form이란? 사용법부터 Zod 연동까지 총정리안녕하세요! 오늘은 React로 폼을 다뤄보신 분이라면 한 번쯤 들어보셨을 React Hook Form에 대해 소개해드리려고 합니다. 폼 상태 관리 라이브러리를 찾고 계셨다면 이 글로 개념부터 실전 예시까지 한 번에 정리해 보실 수 있습니다. 목차React Hook Form이란 무엇인가?기본 사용법 (register, handleSubmit)formState로 폼 상태 다루기Controller로 커스텀 UI 컴포넌트 연동하기Zod와 함께 사용하기 (zodResolver)Formik과의 차이점Next.js Server Actions와 함께 쓸 수 있을까?자주 묻는 질문 (FAQ)폼을 직접 useState로 관리해보신 적 있으신가요?인풋이 몇..

Next.js Server Actions란? 사용법부터 예제까지 총정리

Next.js Server Actions란? 사용법부터 예제까지 총정리안녕하세요!오늘은 Next.js Server Actions에 관해 알아보려고 합니다. Next.js로 폼을 처리해 보신 분이라면 한 번쯤은 들어보셨을 개념인데요, 오늘 이 글 하나로 개념부터 실전 예제까지 정리해 보겠습니다.이 글에서 다루는 내용Server Actions란 무엇인가?폼 제출 예제로 배우는 사용법Server Actions가 유용한 이유캐시 갱신하기 (revalidatePath)로딩 상태 처리하기 (useFormStatus)에러 처리하기 (useActionState)서버 컴포넌트에서 호출하기자주 묻는 질문(FAQ)기존에 클라이언트에서 서버로 데이터를 보내려면, 대부분 API Route를 따로 만들고 fetch로 그 주소를 ..