1. 이미지 업로드
🚫 문제 - 이미지를 그냥 올리면 될까? base64로 올려보자!
👉 code는 open sandBox를 확인하면 볼수있습니다.
💡 문제해결
처음에는 input으로 파일만 불러서 데이터만 가지고 있었지만 base64로 인코딩하여 업로드를 진행했는데 아래와 같은 이유에서 진행을 하였습니다.
• ASCII는 7 bits Encoding인데 나머지 1bit를 처리하는 방식이 시스템 별로 상이하다.
• 일부 제어문자 (e.g. Line ending)의 경우 시스템 별로 다른 코드값을 갖는다.위와 같은 문제로 ASCII는 시스템간 데이터를 전달하기에 안전하지가 않다. Base64는 ASCII 중 제어문자와 일부 특수문자를 제외한 64개의 안전한 출력 문자만 사용한다.
🧐 느낀점
간단하게 보이는 이미지 업로드도 신경써야 할 부분이 많았다. 그냥 올리는 것이 아닌 인코딩을 해야하고
이것 저것 기능도 추가를 할 수 있기 때문이다. 이후에는 드래그를 통해서 이미지를 업로드 하는 방버에 대해서도
알아보도록 하자
frontEnd Developer