library

미들웨어는 들어오는 모든 요청에 대해 사용자의 인증 상태를 확인한다. 이를 통해 보호된 라우트에 대한 접근을 제어 가능. 세션 관리, 라우트 보호, 사용자 정보 제공 등의 역할을 한다.공식문서공식문서에 나와 있는 내용이다. route는 꼭 저렇게 해줘야한다.공식문서인증

Zod를 사용할 때 z로 가져오는 이유는 Zod 라이브러리의 주요 API를 직관적으로 사용하기 위함z는 Zod의 다양한 기능(예: 객체, 문자열, 숫자 검증 등)을 네임스페이스처럼 사용할 수 있게 해준다. 이를 통해 코드가 간결해지고, 각 기능에 대한 호출이 쉽게 이루

react-hook-form 설치 방법 react-hook-form의 주요 use 훅들

React Hook Form에서 FormProvider 는 폼 전체의 컨텍스트를 제공한다. (하위 컴포넌트가 쉽게 폼 상태에 접근 가능)FormProvider를 Form으로 재정의한 것.나중에 폼 전체를 이 Form으로 감싸면 하위 컴포넌트들이 useFormContex

declare는 이 변수나 함수가 전역에 존재한다는 것을 명시하는 키워드이다.globalThis는 전역 객체를 가리키는 상수이다.전역 스코프에 prisma라는 변수가 존재한다고 선언PrismaClient 타입 또는 undefined 타입을 가질 수 있는 변수이다.이렇게

번들 크기가 작다. (가벼운 라이브러리)애니메이션 효과로 시각적 매력을 더해준다.사용하기 쉽고 직관적인 API를 제공한다.즉각적으로 알려주어 사용자 경험 향상!provider 컴포넌트를 생성해준다.사용하고 싶은 최상위 컴포넌트에 넣어준다.

clsx 조건부로 클래스 이름을 결합하는 유틸리티 라이브러리ClassValue clsx에서 제공하는 타입으로, 클래스 이름으로 사용될 수 있는 값들의 타입을 정의한다.twMerge tailwind css 클래스를 지능적으로 병합하는 함수 cn은 기본 Tailwi

open Popover의 열림/닫힘 상태를 제어onOpenChange Popover 상태가 변경될 때 호출되는 함수asChild PopoverTrigger에 사용되며, 자식 요소를 트리거로 사용할 수 있게 한다.PopoverTrigger의 자식으로 원하는 요소(B

전체 코드

설치하기 복사 후 .env 파일에 다음과 같이 작성해준다. cloud name은 cloudinary 가입 이후 dashboard에 가면 내 클라우드 네임을 알 수 있다.

TanStack Table은 React에서 유연한 테이블을 만들기 위한 라이브러리이다. 데이터 정렬, 필터링, 그룹화, 페이지네이션 등 복잡한 테이블 기능을 쉽게 구현할 수 있게 해준다. 특징 헤어그룹, 필터, 정렬, 확장 등 다양한 테이블 기능을 제공한다. 완전히

code-it 심화 과정에서 배운 테스트를 내 프로젝트에 적용 시켜보기로 했다!핵심이 되는 API 호출에 관한 테스트 코드를 작성하면서 배운 점들을 기록하기로 했다.Jest 테스트의 기본 구조모킹(Mocking)의 .. 예술환경 변수 다루기실전 테스트 코드 작성주의사항

@testing-library/react 의 메소드컴포넌트를 가상 DOM에 렌더링여러 쿼리 함수들을 반환한다.텍스트 내용으로 DOM 요소를 찾는 쿼리 메소드일치하는 요소가 없으면 에러 발생정확히 일치하는 텍스트를 찾음Aria role로 DOM 요소를 찾는 쿼리 메소드접