Image Upload & useRef
이미지 업로드 과정 브라우저에서 파일을 선택하고(input type의 파일: input type 태그를 사용하게 되면 파일을 선택하게 되는 창이 뜸) 확인 버튼을 누르게 되면 데이터가 들어오게 되고 그 데이터를 변수에 저장할 수 있다. 변수에 저장한 파일을 백엔드쪽 uploadFile이라는 API에 보내주게 되면 파일이 전송된다.(백엔드에선 받아온 파일들을 바로 DB에 저장하지 않는다.) 요청 받은 파일들은 storage라는 공간에 저장요청을 보낸다. storage에선 다시 백엔드로 저장된 파일에 접근할 수 있는 주소(URL)를 돌려준다. 받아온 URL을 다시 프론트엔드쪽으로 보내준다. 프론트엔드에선 받아온 URL을 state에 넣고 input 내용들을[ex: myPicture(state), myWrit..
카테고리 없음
2022. 4. 27. 23:51
