Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FE] 입력값 유효성 검사 기능 구현 (관심사, 약관 제외) #21

Closed
7 tasks done
sungik-choi opened this issue Mar 24, 2020 · 0 comments · Fixed by #97
Closed
7 tasks done

[FE] 입력값 유효성 검사 기능 구현 (관심사, 약관 제외) #21

sungik-choi opened this issue Mar 24, 2020 · 0 comments · Fixed by #97
Assignees
@sungik-choi
Labels
Feature 새로운 기능 추가
Milestone
회원가입 페이지

Comments

@sungik-choi
Copy link
Contributor

sungik-choi commented Mar 24, 2020 •
edited
Loading

유효성 검사

아이디

  • 완료
  • 5 ~ 20자
  • 영 소문자, 숫자, 특수기호 -, _ 만 사용 가능
  • (에러) 정규표현식 통과 실패
  • (에러) 중복 아이디 알림 [FE] 아이디 중복 체크 기능 구현 #31 -> 중복 아이디 제외
  • (성공) 사용 가능 메세지

비밀번호

  • 완료
  • 8 ~ 16자
  • 영문 대, 소문자, 숫자, 특수문자 1자 이상 조합
  • (에러) 영문 대문자/숫자/특수문자 최소 1자 이상
  • (에러) 8자 ~ 16자
  • (성공) 안전한 비밀번호 메세지

비밀번호 확인

  • 완료
  • 8 ~ 16자
  • 비밀번호와 일치
  • (에러) 비밀번호와 불일치

생년월일

연도

  • 완료
  • 4자리의 숫자
  • (에러) 연도가 4자리 수가 아닐 경우

월

  • 1~12월 선택 가능

일

  • 완료
  • 선택한 월에 따라 다른 범위
  • (에러) 범위에 벗어날 경우

이메일

  • 완료
  • @.* 의 형태
  • (에러) 형태가 다를 경우
  • (성공) 조건에 맞을 경우 사라짐

휴대전화

  • 완료
  • 10 ~ 11자리
  • 앞 3자리 숫자는 010만
  • (에러) 조건에 부합하지 않을 경우
  • (성공) 조건에 맞을 경우 사라짐
@sungik-choi sungik-choi added the enhancement New feature or request label Mar 24, 2020
@sungik-choi sungik-choi added this to the 회원가입 페이지 milestone Mar 24, 2020
@sungik-choi sungik-choi self-assigned this Mar 24, 2020
@sungik-choi sungik-choi changed the title [FE] 입력값 유효성 검사 (관심사, 약관 제외) [FE] 입력값 유효성 검사 기능 구현 (관심사, 약관 제외) Mar 24, 2020
This was referenced Mar 24, 2020
Open
Closed
sungik-choi added a commit that referenced this issue Mar 25, 2020
@sungik-choi
[#21] Chore: 빌드 문제 수정 및 디렉토리 정리
85f5adf 
- 구조 정리
- 번들 파일을 3개로(로그인, 회원가입, 메인) 분리. 웹팩 이해 부족으로 제대로 작동하지 않았음
sungik-choi added a commit that referenced this issue Mar 25, 2020
@sungik-choi
[#21] Feat: 유효성 검증 진행중
fdb8bac 
- 웹팩 설정 변경
- 구조 정리
- 번들 파일을 3개로(로그인, 회원가입, 메인) 분리. 웹팩 이해 부족으로 제대로 작동하지 않았음
- 유효성 검증 코드 작성 중
@ksundong ksundong added Feature 새로운 기능 추가 and removed enhancement New feature or request labels Mar 25, 2020
sungik-choi added a commit that referenced this issue Mar 25, 2020
@sungik-choi
[#21] Feat: 아이디, 비밀번호, 비밀번호 확인 유효성 검증
f0813eb 
- 객체의 메서드로 우선은 진행. 함수형으로 하고 있는지는 잘...
sungik-choi added a commit that referenced this issue Mar 25, 2020
@sungik-choi
[#21] Feat: 이메일, 핸드폰 검증 추가
6dac609 
- 생년월일 진행중
- 알고리즘 제작 필요. 일단은 간단하게 만들 예정
- 직접적으로 텍스트가 변경되는 부분은 없음. 함수형으로 제작할 예정.
sungik-choi added a commit that referenced this issue Mar 26, 2020
@sungik-choi
[#21] Feat: 중복 검증 코드 추가
1cfc9a5 
- sever.js : 서버 관련 코드들. 보안 관련문제 때문에 아직 작동하지 않음.
- 테스트를 위해 node-fetch 추가. 의존성 리스트에 추가됨.
- validation.js
  - isDuplicate() : 조건을 충족시켰을 경우에만 서버로, 시간차를 두고 요청을 보내고, 중복여부에 대한 true/false 정보를 가져온다.
sungik-choi added a commit that referenced this issue Mar 26, 2020
@sungik-choi
[#21] Feat: 오류 메세지 출력, 색 변경 기능 추가
664d888 
- key값을 forEach로 돌면서, 상황에 맞는 에러메세지를 출력.
- 에러메세지가 없으면 (없으면 "" 를 리턴한다) 성공 메세지로 바꿔서 출력하고, 클래스 변경으로 색 변경
- 유효한 객체를 어떻게 넣어줄지 생각중.
sungik-choi added a commit that referenced this issue Mar 26, 2020
@sungik-choi
[#21] Feat: 입력 데이터 추가, 모듈 분리
3106f87 
- submit 버튼을 누르면 입력 정보 Map에 정보를 넣게 추가
- 인풋 필드 객체를 밖으로 모듈화
sungik-choi added a commit that referenced this issue Mar 26, 2020
@sungik-choi
[#21] Refactor: 유저 데이터 모듈 분리, 디바운싱 코드 수정
6e3fd44 
- 디바운싱이 제대로 작동하지 않아 우선은 제거
- 유저 데이터 별개 모듈 분리
- 네이밍 수정
sungik-choi added a commit that referenced this issue Mar 26, 2020
@sungik-choi
Merge pull request #94 from codesquad-memeber-2020/feature/fe/validate
2ff5692 
[#21] Feat: 유효성 검증 중간 PR
sungik-choi added a commit that referenced this issue Mar 26, 2020
@sungik-choi
[#21] Feat: SelectFields 추가, 파일명 수정
9925c94 
- change 이벤트 추가, select의 옵션이 변경될 때 이벤트가 일어나면서 유저데이터에 입력되도록 수정.
sungik-choi added a commit that referenced this issue Mar 26, 2020
@sungik-choi
[#21] 생년월일 에러메세지 출력 기능
f440860 
- 만 나이는 우선 제작하지 않음. 우선 다른 거 부터...
- 지금은 각자 칸의 input에 묶여있어서, 일에서 에러메세지 -> 근데 연도가 성공했다? 에러 메세지가 같은 요소를 바라보고 있기 때문에, 에러가 났음에도 비어있을 수 있다.
@sungik-choi sungik-choi mentioned this issue Mar 26, 2020
Merged
sungik-choi added a commit that referenced this issue Mar 26, 2020
@sungik-choi
Merge pull request #97 from codesquad-memeber-2020/feature/fe/validat…
cf7a72b 
…eSelector

[#21] Feat: Select태그, 생년월일 유효성 검증
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#21] Feat: 유효성 검증 진행중
9ba0cae 
- 웹팩 설정 변경
- 구조 정리
- 번들 파일을 3개로(로그인, 회원가입, 메인) 분리. 웹팩 이해 부족으로 제대로 작동하지 않았음
- 유효성 검증 코드 작성 중
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#21] Feat: 아이디, 비밀번호, 비밀번호 확인 유효성 검증
6cbddaa 
- 객체의 메서드로 우선은 진행. 함수형으로 하고 있는지는 잘...
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#21] Feat: 이메일, 핸드폰 검증 추가
e90cfcf 
- 생년월일 진행중
- 알고리즘 제작 필요. 일단은 간단하게 만들 예정
- 직접적으로 텍스트가 변경되는 부분은 없음. 함수형으로 제작할 예정.
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#21] Feat: 중복 검증 코드 추가
d02b545 
- sever.js : 서버 관련 코드들. 보안 관련문제 때문에 아직 작동하지 않음.
- 테스트를 위해 node-fetch 추가. 의존성 리스트에 추가됨.
- validation.js
  - isDuplicate() : 조건을 충족시켰을 경우에만 서버로, 시간차를 두고 요청을 보내고, 중복여부에 대한 true/false 정보를 가져온다.
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#21] Feat: 오류 메세지 출력, 색 변경 기능 추가
cabe8ec 
- key값을 forEach로 돌면서, 상황에 맞는 에러메세지를 출력.
- 에러메세지가 없으면 (없으면 "" 를 리턴한다) 성공 메세지로 바꿔서 출력하고, 클래스 변경으로 색 변경
- 유효한 객체를 어떻게 넣어줄지 생각중.
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#21] Feat: 입력 데이터 추가, 모듈 분리
350e6ad 
- submit 버튼을 누르면 입력 정보 Map에 정보를 넣게 추가
- 인풋 필드 객체를 밖으로 모듈화
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#21] Refactor: 유저 데이터 모듈 분리, 디바운싱 코드 수정
b45e8b8 
- 디바운싱이 제대로 작동하지 않아 우선은 제거
- 유저 데이터 별개 모듈 분리
- 네이밍 수정
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#21] Feat: SelectFields 추가, 파일명 수정
32ab9fd 
- change 이벤트 추가, select의 옵션이 변경될 때 이벤트가 일어나면서 유저데이터에 입력되도록 수정.
beginin15 pushed a commit that referenced this issue Mar 27, 2020
@sungik-choi @beginin15
[#21] 생년월일 에러메세지 출력 기능
5e96e46 
- 만 나이는 우선 제작하지 않음. 우선 다른 거 부터...
- 지금은 각자 칸의 input에 묶여있어서, 일에서 에러메세지 -> 근데 연도가 성공했다? 에러 메세지가 같은 요소를 바라보고 있기 때문에, 에러가 났음에도 비어있을 수 있다.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@sungik-choi sungik-choi

Labels
Feature 새로운 기능 추가
Projects
None yet
Milestone
회원가입 페이지
Development

Successfully merging a pull request may close this issue.

[#21] Feat: Select태그, 생년월일 유효성 검증 codesquad-member-2020/signup-1
2 participants
@ksundong @sungik-choi