분류 전체보기 (39) 썸네일형 리스트형 토스트 그리드를 통한 공공데이터 제어 프로젝트[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 프로젝트를 마치고 새로운 프로젝트를 만들 예정이었는데 기억을 살려 토스트 그리드를 다시 사용하면 어떨까 라는 생각을 했습니다. 인턴 생활 시절 무슨 로직인지, 어떻게 사용하는지 몰라 엄청 헤매고, 다른 분들의 코드를 참고해서 만들었다면 내가 직접 문서를 찾아보면서 개발한다면 복습도 되고, 뜻깊은 일이 되지 않을까 라는 생각에 시작하게 되었는데요 수료했던 학원의 선생님께서 공공데이터를 제어해보면 어떻겠냐는 제안에 저의 프로젝트명은 토스트 그리드를 통한 공공데이터 제어 줄여서 토공데가 되었습니다. (토공제는 어감이 별로라 ㅋㅋ) 우선 공공데이터를 사용할.. ajax 데이터 제어 @RequestParam @RequestBody 구현 목표는 시작, 끝 날짜, 지역명을 선택받아 조회를 누르면 비동기 방식으로 표에 값이 출력되는 것! 오늘 다룰 내용은 조회 전 조건값들을 서버로 넘길 수 있는지에 대한 내용이다! $.ajax({ url : "/togongda/searchCovidList", method : "POST", dataType : "JSON", data : JSON.stringify({ "resultArray" : JSON.stringify(resultArray), "dateArray" : JSON.stringify(dateArray) }), contentType : "application/json; charset=UTF-8", success : function(result) { grid1.resetData(result); .. apache vs apache tomcat apache와 apache tomcat의 차이점이 궁금해졌다. 개발을 할 때 그냥 이클립스에서 tomcat 설정 방법에 대해서만 알아보고 어떻게 서버를 띄우는지 tomcat을 설치해서 올리는 법에 대해서만 공부하고 내가 개발을 할 때 어떤 것을 사용하고 있는지 근본을 알아야 할 것 같다는 생각에 정리해봤다. apache는 apache에서 제공하는 http 웹서버를 지칭하는 말인데 http 웹서버는 http 요청을 처리할 수 있는 웹서버이다. 클라이언트가 get, post, delete 등의 메서드를 이용해 요청을 하면 이 프로그램이 어떤 결과를 돌려주는 기능을 한다. 다시 말해 아파치는 웹서버이다. tomcat은 포괄적인 의미에서 WAS (Web Application Server) 라고 말한다. WAS는.. AWS를 이용한 스프링 배포 [5] #도메인 설정 https://yuni-spring.tistory.com/22 AWS를 이용한 스프링 배포 [4] #server.xml 설정 #외부 경로 설정 #tomcat9 https://yuni-spring.tistory.com/21 AWS를 이용한 스프링 배포 [3] #war #파일질라 https://yuni-spring.tistory.com/19 AWS를 이용한 스프링 배포 [1] #putty 블로그를 찾아가며 해본 결과 모두 설정도 다르고.. yuni-spring.tistory.com 지난 포스팅을 통해 AWS에서 할당받은 IP를 통해 WAR 파일이 잘 배포되어 서버에 연동된 것 까지 확인했습니다. 하지만 도메인이 없기 때문에 접근성도 좋지 않고 실제로 이렇게 사이트를 여는 사람은 없기 때문에 조금 더 디테일하.. 이전 1 2 3 4 5 다음
