원티드 프리온보딩 프론트엔드 4차 1주차 개인 과제입니다.
- React
- JavaScript
- fontAwesome (library for icon)
-
Toggle.js
- 핵심 요소 : 버튼을 누를 때마다 선택된 항목이 변한다.
- 부가 요소 : 슬라이드 애니메이션
-
Tab.js
- 핵심 요소 : 버튼을 누를 때 마다 선택된 탭이 변한다.
- 부가 요소 : 슬라이드 애니메이션
-
Slider.js
- 핵심 요소 : 슬라이더를 움직이면 상단의 값이 자동으로 변한다.
- 부가 요소 : 하단 버튼과 미려한 픽셀 매칭
-
Input.js
- 핵심 요소 : 인풋창에 이메일과 비밀번호 입력이 가능하다
- 부가 요소 : 이메일 형식에 맞을 경우 자동으로 체크 표시
- 부가 요소 : 비밀번호 입력란 우측 눈 표시를 누르면 비밀번호가 노출된다
-
Dropdown.js
- 핵심 요소 : 드롭다운을 누르면 선택창이 펼쳐지고, 아무거나 골라 클릭하면 선택된 항목으로 변경됨
- 부가 요소 : 키워드 필터 기능 구현