[React & Next.js] 프로필 이미지 (업로드, 미리 보기, 삭제)
-
이미지 미리 보기 기능을 구현한다면
이미지 File 자체를 읽어서 화면에 보여줄 수 없기에
이미지 파일을 Base64 Data URL로 변환하여 화면에 보여줘야 한다.
(File -> Base64 Data URL) -
업로드를 하려면
미리 보기에서 했던 것을 반대로 하면 된다.
미리 보기는 Base64 Data URL로 사진을 보여주기 때문에,
업로드하려면 다시 File 객체로 변환시켜주어야 한다.
(Base64 Data URL -> File)
미리보기는 createObjectURL를 사용하면 좋다.
기록하자