과제 Frontend

마드라스체크 서버개발자 과제 Frontend입니다.

화면

2023-02-20.3.12.14.mov

상세 기능

고정 확장자

• 체크박스 선택 시, 서버에 POST 요청
• 반대로 체크 해제 시, 서버에 DELETE 요청

선택확장자

• 20자 이내의 선택 확장자를 최대 200개까지 추가 가능
• 같은 이름 중복 시 생성 안됨
• 고정확장자 값을 생성 시, 선택확장자에 추가되는 것이 아닌 고정확장자가 체크 됨
• 200개 생성 시, input 비활성화

개발환경

• JavaScript
• React
• AWS
  • S3 bucket