14주차 미션: 페어 프로그래밍 Input 만들기
- Input 컴포넌트에 값이 없는 경우 placeholder값이 보입니다.
- Input 컴포넌트에 focus in 하면 파랑색 테두리가 보입니다.
- Input 컴포넌트에 눈 모양 아이콘을 누르면 비밀번호 가리기/보기 기능이 토글 됩니다.
- Input 컴포넌트에 값이 에러케이스일 경우 빨강색 테두리와 에러 메세지가 보입니다.
- Input 컴포넌트에서 focus out 하면 실행할 함수를 설정할 수 있습니다.
해야 할 일
- 눈 모양 넣기 -> 주형
- 유효성 검사 함수 -> 진호
- InputPage 만들기 -> 서인
- 스타일드 컴포넌트 정리 -> 여진