TIL 24일차

어제 DOM에 대해 공부하고 오늘은 지난 과제인 '유효성검사'를 혼자 다시 풀어보는 시간을 가졌다. 추석연휴가 길어서 얼마나 다행인지 모른다. 제대로 공부하지 못한채 진도에 맞춰 달려오다가 연휴기간동안 다시 차근차근 공부해 볼 수 있어서 정말 만족스러운 시간을 보내고 있다. 이렇게 쉬는날 보충하는것도 좋지만 이런 연휴가 매번 있는것도 아니니 다음주부턴 정규시간에 주어진 학습 내용을 더 잘 이해할 수 있도록 집중을 잘 해야겠다고 마음먹었다. 습관적으로 인스타그램 들어가지 않기, 수시로 카카오톡 확인하지 않기, 갑자기 다른 생각이 떠오르면 따로 키워드만 메모해두고 나중에 생각하기!ㅋㅋ

유효성 검사(Form validation)

웹사이트 회원가입에서 가입 과정을 거치다 보면, 사이트에서 원하는 조건에 맞게 반드시 형식을 맞춰 입력해야 하는 경우가 있다.

• 특정 값은 반드시 입력해야 합니다. (아이디, 이메일, 비밀번호, 이름, 전화번호 등)
• 비밀번호는 n 자릿수 이상이어야 하고, 숫자나 특수문자를 반드시 포함해야 합니다.
• 비밀번호와 비밀번호 확인란에 입력된 비밀번호가 동일해야 합니다.
• 신용카드의 경우, 입력한 신용카드의 번호가 유효해야 합니다.

이런 기능을 유효성 검사라고 한다. 유효성 검사는 실제 개발 과정에서 정말 많이 맞닥뜨리는 문제 중 하나인데 회원가입처럼 작은 기능 단위의 제품을 만들기 위해서는, 위와 같이 요구 사항을 정리하는 과정이 매우 중요하다. 유효성 검사의 목표는 회원 가입이라는 핵심 기능에 대해, 작동이 가능한 최소 기능 제품MVP(Minimum Viable Product)를 만들어 내는 것이다.

 

웹 기획자로 일을 하던 시절, 회원가입을 비롯한 여러 기능에서 입력 조건을 만들어 개발자님께 넘겨드리곤 했는데 이렇게 구현하는 거였구나~ 알게되니 신기하고 재미있었다. 

 

Today's Key🔑

• 회원가입중 사이트에서 원하는 조건에 맞는 형식으로 입력해야하는 기능을 유효성 검사라고 한다.
• 유효성 검사의 목표는 회원 가입이라는 핵심 기능에 대해, 작동이 가능한 최소 기능 제품을 만들어 내는 것이다.