React 활용 - 6 : 첨부 이미지 파일 미리보기 (react 이미지 미리보기, react state 배열)

이번에는 지난 시간의 소스를 활용하여 첨부한 이미지를 미리보기로 보는 기능을 만들어 보자. 우선 원리는 아래와 같다. 1) 첨부 이미지를 버퍼 (base64) 형식으로 변환 2) base64 데이터를 state에 배열 형태로 저장 3) 저장 된 배열 state를 화면에 뿌려줌 base64 데이터를 저장 할 배열 state를 선언한다. const [imgBase64, setImgBase64] = useState([]); import React, { useState, useEffect } from 'react'; import axios from 'axios'; function FileData() { const [file, setFile] = useState(null);//파일 const [imgBase64,..

2022.10.13