React 3

TS2322: Type is not assignable to type 'Resolver<FormValues, any>' TypeScript react-hook-form + yup 유효성 검사 타입 에러

에러 오류 메시지 TS232 TypeScript에서 발생하는 타입 호환성 문제 yupResolver가 반환하는 Resolver 타입이 useForm에 전달되기 위해 예상되는 Resolver 타입과 호환되지 않는다. yup 스키마 정의가 FormValues 인터페이스와 정확히 일치하지 않아 발생한다. useForm yup 스키마 useForm 타입을 지정한 부분에서 FormValues type은 username과 password 모두를 string으로 정의하고 있다. 하지만 yup 스키마에서 password 필드에 대해 선택적(undefined 허용)으로 처리하지 않고 있다. schema에서 password에 .required를 주지 않았으면서 type 정의할 때 선택적 허용을 하지 않은 것이 문제였다...

Error 2024.02.03

[React] 리액트 시작하기 / 초기 생성 파일 정리

[React] WebStorm CRA 및 구성 파일 [React] WebStorm CRA 및 구성 파일 CRA(create-react-app) 란? 빌드 도구를 구성할 필요 없이 즉시 싱글 페이지 React 애플리케이션을 생성 싱글 페이지 애플리케이션 (Single-page application, SPA) 하나의 HTML 페이지와 애플리케이션 실행에 필 hyunyeee2.tistory.com CRA 새 프로젝트를 생성하고 나면 여러 파일들이 생성된다. 리액트 공부 처음 시작했을 때 무슨 파일인지도 모르고 정리하고 싶은 마음에 무작정 지웠다가 수도 없이 뜨는 오류들을 보고 당황한 기억이 있다. 생성된 파일들은 React 앱 실행을 위한 기본 템플릿으로, 기본 환경을 제공하기 위한 것이기 때문에 필요 없는 ..

React 2023.09.25

[React] WebStorm CRA 및 구성 파일

CRA(create-react-app) 란? 빌드 도구를 구성할 필요 없이 즉시 싱글 페이지 React 애플리케이션을 생성 싱글 페이지 애플리케이션 (Single-page application, SPA) 하나의 HTML 페이지와 애플리케이션 실행에 필요한 JavaScript와 CSS 같은 모든 자산을 로드하는 애플리케이션으로 페이지 또는 후속 페이지의 상호작용은 서버로부터 새로운 페이지를 불러오지 않으므로 페이지가 다시 로드되지 않는다. CRA 프로젝트 생성 CLI 사용 // npx npx create-react-app my-app // npm npm init react-app my-app // yarn yarn create react-app my-app WebStorm 프로젝트 생성 기능 사용 WebS..

React 2023.09.20