[웹사이트 개발일지] 오픈 API 데이터 'GET' 성공!

첫 API 호출이다. AJAX를 통해 전자공시시스템(DART)의 데이터를 JSON 형태로 가져왔고 데이터 중 일부분을 화면에 띄우는 데 성공했다. 아직 갈 길은 멀지만 나아가고 있다.

오른쪽 콘솔창에 보이는 데이터가 삼성전자의 최대주주 현황 관련 데이터를 호출한 것이다. 이중 0번째 배열에 담긴 정보의 일부(주주명, 주식수, 비율)를 화면에 출력했다. 참고로 조회 기준년이 2018년이라 지금과 차이가 있다.

 

다음으로 해야하는 건 검색을 하면 그에 맞는 데이터를 화면에 보여주는 작업이다. 궁극적으로는 화면에 뿌려지는 텍스트가 차트, 그래프 등으로 시각화돼야 한다.

 

IDE를 기존 VSCode에서 이클립스로 옮기게 됐다. 옮긴 이유는 VSCode에서 서버 없이 HTML로 API를 호출하는 게 불가능했기 때문이다. 서버 위에서 JSP 파일을 실행해야 한다고 판단했다. 마침 이클립스에서 톰캣 연동과 함께 다이내믹 웹 프로젝트를 배운 상황이어서 우회하기로 했다.

 

그러나 이클립스에서도 허가 거부 에러가 나타났다. 결국 임시방편이지만 크롬의 플러그인 Allow CORS를 이용해서 동작을 확인할 수 있게 만들었다. CORS 문제는 추후 해결해야 한다.

Allow CORS

---

프로젝트 결과물 | 느낀점