주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

서론 프로젝트에서 openAPI를 호출해서 사용하는 부분이 있었는데, 아니나 다를까 교차 출처 리소스 공유(CORS, Cross-origin resource sharing) 에러가 발생하였습니다. (당연한거슬..) 자 그래서 이 문제를 천천히 해결해보았는데요.. 일단 CORS 에러가 발생하는 이유는 브라우저는 서로 다른 도메인에 대한 요청을 보안상 제한하기 때문입니다. 즉, 내 사이트 (http://okayoon.com)에서 openAPI (https://api.ipify.org)로 요청을 하게 되는 경우 다른 도메인이기 때문에 CORS 에러가 발생합니다. 그 다음 왜???? 제한하는지 간단히 이해하고 넘어가겠습니다. JSON은 단순 데이터만이 아닌 Javascript 자체도 전달할 수 있는데, 이럴 경..

JSON.stringify () 기능 JSON.stringify를 간단히 JSON문자열로 변환할때만 사용할 때 썼었는데, 몰랐던 기능들이 있습니다. 1. 찾고자하는 키 값을 두번째 인수에 넣어 전달하면 원하는 키의 배열만 리턴받을 수 있다. {"id":"0001","type":"donut","name":"Cake","ppu":0.55,"batters":{"batter":[{"id":"1001","type":"Regular"},{"id":"1002","type":"Chocolate"},{"id":"1003","type":"Blueberry"},{"id":"1004","type":"Devil’s Food"}]},"topping":[{"id":"5001","type":"None"},{"id":"5002","t..