[31] AWS 객체 보안 강화

AWS S3 객체 보안 강화를 위한 작업
- 제출 버튼 누를 시에 AWS S3 config 객체를 update하고, 이미지 업로드를 성공/실패 하면 다시 초기 상태로 reset
- S3 객체를 state 로 관리하지 않고 내부 함수에서만 사용
useScript 커스텀 훅 구현 : 특정 script 를 로드하여 script 태그를 바디에 삽입하는 훅
- S3에 이미지 업로드 시 aws-sdk 패키지 사용하지 않고 javascript SDK script 로드하도록 수정
useS3 리팩토링 및 에러처리
- PostUploadPage 에서 useS3를 쉽게 사용하도록 S3imageUploadHandler 함수만 리턴
- 이미지 업로드시 사용자가 확인해야 하는 에러 (파일 1개 이상 업로드)는 alert 으로, 개발자가 확인해야 하는 에러는 console.log 로 찍히도록 구분 -> 언제나 에러 처리가 어려운데 이렇게 하는게 best 인지는 잘 모르겠어요. 같이 고민 필요합니다!
PostUploadPage와 imageUploader 컴포넌트 리팩토링
- 엘런이 지난 리뷰 때 이야기 해줬던 내용인데, PostUploadPage는 이미지 데이터들만 관리하고 이미지를 다루는 핸들러 들은 imageUploader 컴포넌트들로 넘겼어요. PostUploadPage는 이미지 뿐만 아니라 나중에 지도, 그 외 장소, 코멘트 등등의 데이터만 가지고 있다가 제출 버튼 누를 시의 작업만 담당하는게 좋을 것 같아서 변경했습니다.

codesquad-project-team / frontend