입력값 검증
입력값 검증은 사용자가 폼이나 API에 보낸 값이 필수 조건, 길이, 형식, 권한, 안전 규칙에 맞는지 확인하는 과정이다. 브라우저의 기본 constraint validation, 클라이언트 안내 메시지, 서버 측 재검증을 함께 사용해야 하며, 프론트엔드 검증만으로 보안을 보장할 수는 없다. 바이브 코딩에서는 AI가 예쁜 폼을 만들고 서버 검증을 빠뜨리는 경우가 많아, 입력값 검증은 사용자 경험과 보안을 동시에 지키는 기본 게이트로 다뤄야 한다.
영어 표기
Input Validation
예시
회원가입 폼에서 이메일 형식, 비밀번호 길이, 약관 동의를 브라우저에서 먼저 안내하고, 제출 후 route handler에서도 같은 조건을 다시 검증해 400 응답과 필드별 오류 메시지가 정확히 보이는지 테스트한다.
참고
프론트엔드 검증은 안내와 빠른 피드백을 위한 장치이고, 신뢰 경계는 서버 검증에서 다시 확인해야 한다.
카테고리
프론트엔드·UI
난이도
basic
태그
입력검증 · 폼
함께 읽기
연관 용어
IDE·AI 어시스턴트
탭나인
영어 표기 Tabnine
팀과 엔터프라이즈 환경에 특화된 AI 코딩 어시스턴트로, 보안과 프라이버시를 최우선으로 설계되었다. 가장 큰 차별점은 코드 비보존(Zero Code Retention) 정책으로, 사용자의 코드가 모델 훈련에 사용되지 않으며 서버에 저장되지 않는다. 다양한 배포 옵션(SaaS 클라우드, VPC, 온프레미스, 에어갭 환경)을 지원하여, 인터넷 연결이 차단된 보안 시설에서도 AI 코딩 도구를 사용할 수 있다. GDPR, SOC 2, ISO 27001 등 주요 보안 인증을 보유하고 있어 금융, 의료, 국방 등 규제가 엄격한 산업에서 선호된다. 기능적으로는 코드 자동완성, 채팅, 에이전틱 워크플로(Agentic Platform)를 제공하며, 팀의 코딩 패턴을 학습하여 프로젝트에 일관된 스타일의 코드를 제안한다. 2018년 출시로 AI 코딩 도구 중 가장 오래된 제품 중 하나이며, JetBrains, VS Code, Vim, Emacs 등 다양한 IDE를 지원한다.
CLI·터미널 도구
의존성
영어 표기 Dependency
의존성은 내 코드가 직접 만들지 않고 가져다 쓰는 외부 코드나 라이브러리다. 버튼 컴포넌트, 날짜 계산, API 클라이언트처럼 개발 속도를 높여 주지만, 버전 충돌, 보안 취약점, 번들 증가, 라이선스 검토 같은 책임도 함께 가져온다. AI가 빠르게 코드를 만들 때 의존성을 무심코 늘리면 배포가 깨지거나 유지보수가 어려워질 수 있다. 그래서 새 의존성은 목적, 대안, 설치 이유, 제거 가능성을 기록하고 테스트와 빌드로 실제 호환성을 확인해야 한다.
CLI·터미널 도구
환경 변수
영어 표기 Environment Variable
환경 변수는 코드 밖에서 실행 환경에 주입하는 설정값이다. 배포 주소, 기능 플래그, 외부 서비스 연결 이름처럼 환경마다 달라지는 값을 코드 수정 없이 바꿀 수 있게 해 준다. 단, 비밀 값은 공개 저장소나 화면 캡처에 노출되면 안 되므로 이름과 존재 여부만 확인하고 실제 값은 출력하지 않는 습관이 필요하다. AI 코딩에서는 환경 변수가 없어서 생기는 실패와 코드 버그를 구분해야 한다. 로컬, 미리보기, 프로덕션 각각에서 어떤 키가 필요한지 문서화하고 값 자체는 안전한 설정 저장소에 둔다.