일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- firebase 라이브러리
- react native CLI
- Project
- React
- AWS
- 리액트
- react native font
- 에러
- 리액트 네이티브 에러
- Next.js
- js
- react native
- react native picker
- error
- 백준
- AWS Access Key
- 문자열 대소문자 구별
- aws bucket 정책
- fire base
- react native 개발
- react native 세팅
- img upload
- babel.config.js
- GIT
- 문자열 대소문자
- PongWorld
- 리액트 네이티브
- Access Key 생성
- 리엑트 네이티브 아이콘
- s3 upload
- Today
- Total
목록2025/05 (2)
밝을희 클태
react 프로젝트 중 python을 써야 할 일이 생겼다어떻게 두 프로젝트를 관리할까 하다가 평소 모노레포를 좋아해 이번 프로젝트 역시 모노레포를 적용하기로 했다❗️환경npm 파이썬 서버와 클라이언트를 동시에 실행하려면 concurrently 라이브러리를 설치 한다.각자 환경에 맞게 concurrently 설치npm install --save-dev concurrentlypackage.json 예시 { "scripts": { "dev:client": "cd client && npm run dev", "dev:server": "cd server && source venv/bin/activate && python server.py", "dev": "concurrently \"npm run..
React 프로젝트를 진행하며, 별도 라이브러리 없이 기본 Hook과 HTML 요소만으로 폼을 만들었다.그러다 입력해야 할 필드가 많아질수록 상태 관리가 복잡해져서해결책을 찾아보다가 shadcn/ui의 Form 컴포넌트와 react-hook-form, Zod를 알게 됐다.react-hook-form?React 훅 기반의 폼 상태 관리 라이브러리입력값(value), 유효성 검증, 에러 상태를 비제어 컴포넌트 방식으로 관리해 불필요한 리렌더링을 줄여준다Zod?TypeScript 기반의 스키마 선언·런타임 검증 라이브러리z.object(), z.string() 등으로 스키마만 정의하면런타임에 데이터를 검증하고z.infer로 TS 타입도 자동 생성해 준다두 라이브러리를 조합하면폼 상태 관리 → 입력값 취합 → ..