폼 검증 라이브러리 붙이기 전에 확인하기

Zod 4.1.12를 고정해 브라우저용 예제를 만들고 Chromium에서 이름 길이와 앞뒤 공백을 확인했습니다.

1. 코딩 에이전트에서 새 연습 폴더를 열고 아래 요청문을 보냅니다. 기존 프로젝트와 섞이지 않게 시작하세요. 2. 완성 파일의 위치와 여는 방법을 안내받아 결과를 엽니다. 이 글은 zod 4.1.12로 확인했습니다. 같은 버전의 예제를 원하면 이 이름과 버전을 덧붙이세요. 3. 아래 실제 결과와 비교하고, 동작이 다르면 오류 문구를 에이전트에게 보내세요. 설치할 때는 인터넷이 필요합니다. 제공된 HTML 예제에는 필요한 코드가 포함돼 있습니다.

신청 폼의 입력값을 검사할 때 기존 라이브러리를 쓸 수 있는지 살펴봐줘. 후보 하나의 공식 문서, 고정 버전과 라이선스를 먼저 확인하고 가짜 이름 입력을 정상과 오류로 구분하는 작은 예제를 만들어줘. 설치나 외부 네트워크가 필요한지와 확인하지 못한 비용·호환 조건도 적어줘. 나는 코딩을 처음 해. 어려운 말은 짧게 풀어 설명하고, 먼저 현재 상황을 확인한 뒤 요청한 범위만 진행해줘. 확인할 수 없는 내용은 추측하지 말고 알려줘. 내 실제 데이터나 비밀값을 사용하지 말고, 새 유료 서비스나 외부 API를 추가하지 마. 작업을 마치면 내가 직접 확인할 순서와 실행하지 못한 부분을 나누어 알려줘.

Zod 4.1.12를 고정 설치하고 MIT 라이선스를 확인했습니다. 브라우저용 파일로 묶어 외부 통신 없이 실행했습니다. 빈 입력과 한 글자는 두 글자 이상 안내, 21글자는 스무 글자까지 안내가 나왔습니다. 앞뒤 공백이 있는 홍길동은 공백을 뺀 이름으로 통과했습니다.

예제가 실패하면 실제 오류를 확인하고 공식 문서의 해당 버전 사용법과 비교해줘.

요청 조건을 읽고 제작·검사한 예제입니다. 문장만 넣은 독립적인 1회 생성 실험은 아닙니다. VibeAZ 자체 제작 · 확인한 예제 파일과 환경에서의 결과입니다. Codex 앱에서 만든 자체 예제를 Chromium에서 확인했습니다. 다른 모델·운영체제·브라우저와 모바일 화면은 검증하지 않았습니다. 추가 유료 서비스나 외부 API는 사용하지 않았습니다. 코딩 에이전트 이용료는 사용자의 계정 조건에 따릅니다. 가짜 이름의 앞뒤 공백과 2~20글자 길이만 확인했습니다. 실제 사용자의 신원·서버 검증·보안을 보장하지 않습니다. 고정 버전 예제이며 최신 버전 안내가 아닙니다.