오답노트

api명세서를 이용해 백엔드에 이미지 파일을 전송하는 로직 구현setFile을 porps로 보내 자식 컴포넌트의 input이 onChange 되었을 때값을 구분해 파일 형식으로 또는 텍스트 형식으로 가져와 file에 넣어주는 로직 구현명세서에 적혀있는대로 body에 i

라는 생각으로 useFetch를 만들어 보았다const usePost = () => { const data, setData = useState(null); const loading, setLoading = useState(false); const error, s

이 프로젝트에서는 페이지의 구조와 컴포넌트들을 개선하기 위해 관심사 분리와 컴포넌트 모듈화를 적용하였다.기존 코드에서는 여러 데이터가 하나의 컴포넌트에 집중되어 있어가독성이 떨어지고 유지보수가 어려운 문제가 존재하였다.이를 해결하기 위해 컴포넌트의 역할을 분리하고, 데

웹 뷰어에서 간헐적으로 S3 파일을 불러올 때 404 Not Found 에러가 발생했다.문제의 원인을 파악해본 결과, 파일 이름이 URL에 포함될 때 한글 인코딩 이슈로 인해 S3에서 리소스를 찾지 못하는 상황이었고, 이를 해결하기 위해 파일명을 해시로 변환하는 방식으