꾸까 | Day 2, 3

Day 2

로그인, 회원가입 페이지를 맡아서 구현하고 있다.

꾸까 페이지를 클론 하려고 페이지를 확인하니 시멘틱 태그를 잘 사용하고 있다는 생각이 들었다. 내가 알지 못했던 태그들을 배우고 내가 구현하는 페이지에 바로 적용해보고 있는 중이다.

• fieldset 태그: 폼 안에 있는 항목들 중 비슷한 항목을 그룹핑할 때 사용하는 태그

Day 3

회원가입 버튼을 누르면 비밀번호와 비밀번호 재입력이 같은지 확인하는 로직과 모든 input 필드에 값이 입력되었는지를 확인하는 로직을 구현하고 있다.

onClick 실행시 2개의 함수를 한번에 실행해야하고 아래 코드로 우선은 구현해봤다.

onClick ={() => {
	pwdCheckor();
	inputCheckor();
}}

또한 유저가 입력한 이메일이 형식에 맞는지 확인하는 유효성 체크도 구현중이다. 정규식을 사용하여 구현하는데 정규식이라는게 있다는 것도 처음 알았다.

정규식이 어떤 구조로 되어있고 구조별, 각 글자별 의미도 파악해둬야겠다.