/wanted_POB_week1_personalAssignments

원티드 프리온보딩 1주차 개인 과제입니다

Primary LanguageSCSS

wanted_pre_onboarding

원티드 프리온보딩 프론트엔드 4차 1주차 개인 과제입니다.

🚀 데모

데모 시연 영상

week1_personal_project

사용 기술 스택

  • React
  • JavaScript
  • fontAwesome (library for icon)

구현 완료 목록

  • Toggle.js

    • 핵심 요소 : 버튼을 누를 때마다 선택된 항목이 변한다.
    • 부가 요소 : 슬라이드 애니메이션

  • Tab.js

    • 핵심 요소 : 버튼을 누를 때 마다 선택된 탭이 변한다.
    • 부가 요소 : 슬라이드 애니메이션

  • Slider.js

    • 핵심 요소 : 슬라이더를 움직이면 상단의 값이 자동으로 변한다.
    • 부가 요소 : 하단 버튼과 미려한 픽셀 매칭

  • Input.js

    • 핵심 요소 : 인풋창에 이메일과 비밀번호 입력이 가능하다
    • 부가 요소 : 이메일 형식에 맞을 경우 자동으로 체크 표시
    • 부가 요소 : 비밀번호 입력란 우측 눈 표시를 누르면 비밀번호가 노출된다

  • Dropdown.js

    • 핵심 요소 : 드롭다운을 누르면 선택창이 펼쳐지고, 아무거나 골라 클릭하면 선택된 항목으로 변경됨
    • 부가 요소 : 키워드 필터 기능 구현