1. 대체 url 코드 알아보기
문제점
image : "/media/https%3A/icare.seoul.go.kr/icare/upload/fcltyInfoManage/2022/12/27/174e0d78-7291-4f4e-aa32-2dabf4f3e3a5.jpg"api를 통해서 저장된 image의 링크가 https:가 아닌 https%3A로 표현됨
시도해 본 것들
https%3A로 split후 https: split[1]로 더하기
처음에는 단순히 데이터가 일부 손실된 줄 알았으나 모든 url이 https%3A로 이루어져있음을 확인
구글 검색 https%3A로 했을 때 별다른 정보 X
연관 검색어로 https%3a%2f%2f 확인 가능
https://www.w3schools.com/tags/ref_urlencode.ASP
HTML URL Encoding Reference
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
해결 방법
js 디코딩 검색
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURI
decodeURI() - JavaScript | MDN
The decodeURI() function decodes a Uniform Resource Identifier (URI) previously created by encodeURI() or a similar routine.
developer.mozilla.org
decodeURIComponent(exhibition.image.split("media/")[1]));이 내장함수를 이용하면 익숙한 url이 나오고 url의 정보도 확인할 수 있다.
알게 된 점
가공된 데이터를 받았을 때 생각처럼 작동하지 않는다면 인코딩 또는 디코딩을 해야하는 지 생각을 해봐야 할 것 같다.
'개발일지 > TIL' 카테고리의 다른 글
| TIL 23-06-17 백준 - 세로읽기 (0) | 2023.06.17 |
|---|---|
| TIL 23-06-16 백준 색종이 (0) | 2023.06.16 |
| TIL 23-06-13 백준-시리얼 번호 (0) | 2023.06.13 |
| TIL 23-06-11 백준-듣보잡 (0) | 2023.06.11 |
| TIL 23-06-09 serializer 고민하기 (0) | 2023.06.09 |