NFD, NFC(같은 이미지 URL임에도 가져올 수 없는 경우)

https://naver.com/이미지1.png

 

https://naver.com/이미지1.png

 

위 두개의 경로는 같아 보이지만

사실 URL 입력란에는 다르게 나올 수 있다. 

 

MAC에서 한글 파일을 저장할 때와

WINDOW에서 한글 파일을 저장할 때 

 

다른 방식으로 저장된다.

 

url에서는 인코딩 되어 호출하게 되는데

인코딩한 모습은 아래와 같다.

 

NFC	%EC%9D%B4%EB%AF%B8%EC%A7%801.png

NFD	%E1%84%8B%E1%85%B5%E1%84%86%E1%85%B5%E1%84%8C%E1%85%B51.png

 

 

 

이를 해결하기 위해서

프론트에서 NFC 방식으로 통일하여 노출하면 된다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/normalize

String.prototype.normalize() - JavaScript | MDN

 

imagePath.normalize('nfc');