TIL - 2021.11.03

Today Ariticle

• 지금 당장 적용할 수 있는 '10가지 UI Tips'

• 리뷰는 여기서 - 일일 아티클
  
  

그 외 오늘 참고한 아티클들

Today I Learned

URL.createObjectURL(file)

• file system의 File타입을 인자로 넣으면 그 파일의 url을 반환하는 함수다. 이 반환값을 img 태그의 src 속성에 주면 프리뷰를 구현할 수 있다!

• 보통 이미지 업로드 구현 방식은 크게 두가지로 나눌 수 있는데

  • 이미지를 브라우저에 업로드하면(input type=file에서 이미지를 선택한 후) 바로 S3와 같은 이미지 저장 서버로 전송하고, 그 url을 응답 받아서 사용하거나
  • 일단 이미지를 브라우저에 모두 업로드하고 등록할 때 서버오 보낸 후 서버에서 S3로 저장, 마찬가지로 응답값으로 그 이미지의 url을 받아서 사용

• 둘 다 s3에 저장된 이미지 url을 사용하는데, 위 방법을 사용하면 프리뷰이기 때문에 불필요한 통신(img태그의 src가 네트워크 요청을 해야함)을 방지할 수 있지 않을까 싶다.

Today Review

자정 넘어서 퇴근.. 언제쯤 칼퇴하고 다시 헬스장을 ..!?