Osung

[05Castle]

PR check list

• [x] 에러가 뜨는지 확인했는가
• [x] 커밋 컨벤션에 맞춰 남겼는가
• [x] 이슈를 남기고 작업한 내용인가

PR type

• [x] 리팩토링 (코드 분리 및 통합도 포함)
• [x] 디렉토리 및 환경설정 변경 (파일 삭제, 문서수정도 포함)
• [x] css 작업
• [ ] 코드 테스트
• [ ] 에러 수정

Summary

• 업로드 모듈 리팩토링
• 시세 페이지만 가로 스크롤이 발생하는 원인을 찾고 해결하기

Describe your changes

업로드 모듈내의 모달, 드래그 앤 드롭, 파일 선택 업로드, 로딩바를 컴포넌트 분리하며 다음과 같이 수정하였다.

• 각각 디렉토리 분류하고 스타일도 별도의 파일로 분리하여 정리
• input태그에 accept 속성을 부여해서 .pdf 확장자 파일만 허용되도록 수정
• 필요없는 스타일 컴포넌트 삭제하고 들여쓰기 깊이 개선
• 파일선택의 input 태그와 업로드 버튼의 disabled 속성 삭제
• 필요없는 함수 래핑, 태그 래핑 삭제
• 드래그 앤 드롭에서 onDropFiles와 dragLeave에 상태 변경 함수가 두번 적용된 부분 수정
• 불필요한 return 생략 (UploadModals와 FileSelectInput)
• 에러 모달은 중복되는 코드를 함수로 추출 (renderErrorModal 함수)

시세페이지는 PraPriceChart의 패딩이 문제였음. PraPriceChart의 max-width을 100%가 아닌 고정 픽셀로 지정하여 패딩값에 상관없이 최대 크기 이상으로 늘어나지 않도록 수정하였다.

Issue number and link

17 #20