React - 웹앱에서 휴대폰으로 찍은 사진 업로드시 이미지 회전해서 나올때 해결방법

React :

웹앱에서 휴대폰으로 찍은 사진 업로드시 이미지 회전해서 나올때 해결방법 (how to solve auto rotated image upload in react)

| 시작하기에 앞서

휴대폰으로 찍은 사진들은 EXIF orientation 정보들을 사진에 넣게 된다. 따라서, 이미지를 웹에 업로드 했을때, 회전되어서 나오는 경우가 있는데, 이 정보들을 제거해줘야 원본사진대로 제대로 나오게 된다. 이를 해결하기 위한 라이브러리를 아래에 소개한다.

https://github.com/rricard/react-exif-orientation-img

| 사용방법

사용방법은 간단하다. 기존 <img/> tag 들을 <ExifOrientationImg/ > 컴포넌트로 바꿔주기만 하면 된다.