# input file

h_jinny

제로초의 NodeBird 강의 프로젝트를 직접 리뉴얼 하는중에 다음과 같은 버그를 발견했다.⇒ 게시물 작성 중 이미지를 업로드하는 기능은 type 이 file 인 input 에 onChange 이벤트를 걸고 업로드 리듀서가 디스패치되는 구조게시물을 작성하기 위해 “re

gongkang

react에서 input-file 을 이용해 파일 객체를 가져와서 사진 미리보기 작업을 하고 있었다. 사진을 보려면 img 태그의 src 속성에 해당 이미지의 url 값을 넣어야 한다.따라서 input-file 로 가져온 파일 객체에서 URL을 뽑아야 하는데,이때 필요

kyungjune

기존 input의 file타입을 사용해서 프로필사진 업로드 기능을 구현하였었다.위와같이 event.target.files0으로 이미지파일의 정보를 가져올수 있었고 다음 api통신과 미리보기 기능을 구현했었다.근데 첫번째 클릭시에는 onChangeImg함수가 잘 작동했지

kyungjune

server와의 이미지 파일 업로드가 아닌 프론트에서 받아온 이미지를 미리보기로 보여주는 과정을 기록한다.파일받아오기는 기존에 진행했던 input file을 이용하였다.위와같이 input을 클릭하면 이미지 업로드화면이 나오고 e.target.files0은 image의