18일차 코드리뷰
파이어베이스 활용
index도 id도 쓰기 싫다면 uuid를 사용할 수 있다.
as로 이름을 바꿔줄 수 있다. (예제는 uuidv4)
yarn add uuid
타입오류가 생기면 yarn add --dev @types/uuid
dataBoard의 타입스크립트
Image
업로드
스토리지에는 이미지 주소가 들어가게 됨
바이너리 라지 오브젝트
사진을 0과 1로 바꿈
용량문제로 사용 X
yarn add apollo-upload-client
yarn add --dev @types/apollo-upload-client
import { createUploadLink } from "apollo-upload-client"
반드시 적용!
주소라고 하기엔 이상함
구글 클라우드 스토리지 사진은 앞에 구글 클라우드 주소를 붙여야 함
(아마존이면 아마존 붙임)
뿅
검증 (Validation)
조건문을 활용해서 맞으면 넘겨주고 아니면 X
사이즈 확인
file의 데이터를 담아준 원리
사이즈 (바이트)
1024 byte = 1 KB
컴퓨터가 알아들을 수 있는 단위
1024 KB = 1 MB
다른 곳에서도 재사용하기 위해 따로 파일로 만들어줌
하지만 validation이 종료하면 validation파일이 종료가 되고 index의 함수가 종료되는 게 아니다.
validation 페이지가 끝나면 true를 반환하고, index에서 true값이 넘어오면 다음 줄을 실행하게 한다.
태그로 이미지 불러오기
useRef: 특정태그를 선택한다. 혹은 태그를 상자에 담는다.
useRef를 활용해서 특정 태그에 style을 주면서 기능을 실행하게 한다.
버튼으로 하면 이미지 파일명이 뜨기 때문에 태그를 활용할 수 있도록 useRef를 활용한다.
=> 이런 방식으로 이미지를 올리면 두가지 문제점이 생기는데 공부해야 할 점이 되겠다.
