토공데 (5) 썸네일형 리스트형 토스트 그리드를 통한 공공데이터 제어 프로젝트[5] - 파라미터에 의한 차트 이전 게시글에서 파라미터 없는 차트 아닌 차트를 만들었습니다. 실제 구현과정에서 이 부분이 가장 시간이 오래 걸렸다고 해도 과언이 아닐 정도로 저에겐 끝판왕 도전과제 였는데요 저에게 있어 중요한 내용도 많고 Toast UI 의 차트 구글 내용이 적은 만큼 잘 적어보겠습니다 $.ajax({ url : "/togongda/searchCovidChart", method : "POST", dataType : "JSON", data : JSON.stringify({ "resultArray" : JSON.stringify(resultArray), "dateArray" : JSON.stringify(dateArray) }), contentType : "application/json; charset=UTF-8", su.. 토스트 그리드를 통한 공공데이터 제어 프로젝트[4] - 차트 우선 차트를 출력시키기 위해 그리드, 데이트 피커와 동일하게 cdn을 추가해야 합니다. https://github.com/nhn/tui.chart/tree/main/apps/chart GitHub - nhn/tui.chart: 🍞📊 Beautiful chart for data visualization. 🍞📊 Beautiful chart for data visualization. Contribute to nhn/tui.chart development by creating an account on GitHub. github.com 여기서 cdn을 확인 할확인할 수 있고 아래의 url은 원하는 차트를 우선 확인할 수 있도록 제공하는 예제 페이지입니다. https://nhn.github.io/tui.chart/.. 토스트 그리드를 통한 공공데이터 제어 프로젝트[3] - DatePicker 사용자가 공공데이터를 원하는 데이터만 제어하기 위해서는 어떤 지역을 날짜에 맞춰 선택하는 조회 관련 내용들이 필요합니다. 저는 Toast UI에서 제공하는 데이트 피커를 사용하였습니다. https://ui.toast.com/tui-date-picker TOAST UI :: Make Your Web Delicious! TOAST UI is an open-source JavaScript UI library maintained by NHN Cloud. ui.toast.com 이곳에서 cdn을 확인할 수 있습니다. https://nhn.github.io/tui.date-picker/latest/tutorial-example08-daterangepicker https://nhn.github.io/tui.date-.. 토스트 그리드를 통한 공공데이터 제어 프로젝트[2] - Toast Grid 토스트 그리드를 사용하려면 cdn이나 파일 자체가 필요합니다. 저의 경우 cdn을 통해 사용하였습니다. https://ui.toast.com/tui-grid TOAST UI :: Make Your Web Delicious! TOAST UI is an open-source JavaScript UI library maintained by NHN Cloud. ui.toast.com https://github.com/nhn/tui.grid/tree/master/packages/toast-ui.grid GitHub - nhn/tui.grid: 🍞🔡 The Powerful Component to Display and Edit Data. Experience the Ultimate Data Transformer! 🍞🔡.. 토스트 그리드를 통한 공공데이터 제어 프로젝트[1] - 공공데이터 1년 전 인턴 생활을 하면서 프로젝트에 처음 투입되었을 때 토스트 그리드를 사용해서 게시판을 만든 적이 있었습니다. 국비지원 학원을 다니며 TeenCoder 프로젝트를 마치고 새로운 프로젝트를 만들 예정이었는데 기억을 살려 토스트 그리드를 다시 사용하면 어떨까 라는 생각을 했습니다. 인턴 생활 시절 무슨 로직인지, 어떻게 사용하는지 몰라 엄청 헤매고, 다른 분들의 코드를 참고해서 만들었다면 내가 직접 문서를 찾아보면서 개발한다면 복습도 되고, 뜻깊은 일이 되지 않을까 라는 생각에 시작하게 되었는데요 수료했던 학원의 선생님께서 공공데이터를 제어해보면 어떻겠냐는 제안에 저의 프로젝트명은 토스트 그리드를 통한 공공데이터 제어 줄여서 토공데가 되었습니다. (토공제는 어감이 별로라 ㅋㅋ) 우선 공공데이터를 사용할.. 이전 1 다음
