57. 이미지 검증 실습 및 게시글에 등록하기 실습

useRef = 레퍼런스를 참조한다

click이 빨간줄인 이유 = qqq가 뭔지 모르겠다는 뜻

ref가 빨간줄인 이유 = 초기값

= null로 시작해~라는 뜻
qqq = fileRef라고 사용한다

이미지 용량, 확장자 검증하기

용량이 너무 크면 백엔드에 문제가 생길 수 있다

jpeg가 jpg도 되는 이유 = 예전에 확장자 저장을 할 때 3글자만 된 적이 있다. 그래서 jpg도 가능

여기도 jpeg를 넣을 수 있다
넣으면

jpeg에 해당하는 것만 가능하다

선택 자제 못하게 하려면 input태그에 하면 된다

 

다른 페이지에서도 사용할 수 있어서 공통으로 사용할 수 있는 폴더에 넣는다

이런식으로 하면 비효율이다

여기에 넣고
파일을 받아와야 되니까

file을 적는다

 

나눴으니 실행될 수 있도록

file에 타입이 없다고 빨간줄이 뜨는 것

파일이 없을 수도 있으니 ?를 붙여준다

나누지 않은 기존폴더에서 했을 때는 “파일이 없습니다!”가 뜨면 아래로 내려가지 않았다

zzz = isValid

isValid === false = !isValid

 

이미지 미리보기와 게시물에 등록하기

필요한 것을 왼쪽에 넣는다

변경

콘솔창에 이미지 등록이 되었다는 것을 확인한다