Typescript2 [swimX] react-hook-form + Supabase 타입 불일치 해결하기 🛠️ Next.js 프로젝트에서 react-hook-form, zod, Supabase를 사용해서 일기 작성 폼을 구현하던 중폼과 데이터베이스 타입 간 불일치 문제가 발생했다. 그중 `string enum`과 `number` 타입 간 충돌을 타입 변환 처리를 통해 해결한 과정을 정리했다. 문제 상황수영 일기 작성 흐름은 아래와 같다 :사용자 입력 ↓React Hook Form (SwimFormData, zod 스키마 검사) ↓변환 함수 (toSwimLog) ↓SwimLog 구조로 전환 (중첩 구조 포함) ↓Supabase 저장 (insertSwimLog), zustand 저장 (setLog) react-hook-form을 통해 수집된 폼 데이터는 SwimFormData 타입으로 들어오며, 이 타입은 .. 2025. 4. 18. Typescript 입문 🥳 | 13주차(2) 📂 오늘 배운 내용기본 자료형타입스크립트에만 있는 `tuple`, `enum`, `any`, `never`, `void`사용자 정의 타입: `interface`, `type`함수 관련 : 오버로딩, GenericTypescript 사용하기// 설치npm i -g typescriptsudo npm i typescript -g // MAC// 설치 확인tsc -v// tscconfig 파일 생성tsc --init// [x] ts파일 js로 변환 후 실행 -> 귀찮음👀tsc {파일명}.tsnode {파일명}.js// [o] 변환 + 실행 자동화npm i -g ts-nodets-node {파일명}.ts ts 파일 js로 일일이 변환하기 귀찮으니까 `ts-node` 모듈 설치해서 변환 + 실행 자동화하기 타입.. 2025. 1. 24. 이전 1 다음
