분류 전체보기31 1. Create: Schema, Table / Insert csv Data 1~3주차까지 수행한 과제를 토대로 하는 총정리 차트 개발을 수행하기 앞서 차트 데이터에 활용할 데이터를 이용하기 위한 DB Schema, Table을 만들고, SLACK에 제공한 Kaggle의 wine_quality 데이터를 입력합니다. 저는 아래와 같이 wine_quality 스키마를 만들고 product_quality Table을 만들었습니다. 그리고, Kaggle의 wine_quality.csv 데이터를 Insert 했습니다. 데이터 Insert 방법은 아래 링크를 대신 첨부하겠습니다. csv 파일의 헤더를 칼럼값으로 하고 헤더 첫 줄을 지운 후 MySQL Workbench로 csv파일을 import 하면 됩니다. https://developer88.tistory.com/21 CSV 파일을 MYS.. 2019. 8. 30. 3. DataBinding을 위한 화면 구조 변경, 자원작성 (2)jquery 앞에 이어 home.js 파일을 작성합니다. 4) home.js 파일 작성 : 동적 코드 home.js파일은 webapp/js 폴더 아래에 위치하며 코드는 아래와 같습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 $( document ).ready(function() { load_movielist(); }); function load_movielist(){ var movieList; var html; $("#load_movieList").click(function(){ var url="/visualize_pilot/restex"; //var par.. 2019. 8. 23. 2. DataBinding을 위한 화면 구조 변경, 자원작성 기존 Settingweb 프로젝트에서 home.jsp 파일은 jstl문법( ) 을 통해 DB조회 결과를 화면에 뿌렸다면, restController를 이용한 방법에서는 restController로 데이터를 호출해서 해당 데이터를 html의 Dom 영역에 데이터를 바인딩해 줄 것입니다. 즉, 이번글에서는 home.jsp 파일을 데이터 처리를 위해 적절한 파일 구조로 만들고 몇가지 javascript 파일을 추가하여 home.jsp 파일에 로딩하도록 하겠습니다. 1) home.jsp - 태그 jstl 문법 제거 및 영역 id 매기기 - 태그 안에 common_resource.jsp, home.js, home.css 호출 - 영화 목록 가져오기 버튼 추가 1 2 3 4 5 6 7 8 9 10 11 12 13 .. 2019. 8. 23. 1. Spring : RestController을 이용한 데이터 처리(jackson) 요약과 같이 url로 호출 시 리스트형식의 json을 받기 위해 RestController를 위한 설정을 먼저 수행해야 합니다. 1) json을 이용하기 위한 Jackson library를 추가합니다. pom.xml에 jackson 관련 library를 추가 후 저장하면 자동으로 library를 mvnrepository에서 가져옵니다. 1 2 3 4 5 6 7 8 9 10 11 com.fasterxml.jackson.core jackson-core 2.9.2 com.fasterxml.jackson.core jackson-databind 2.9.2 http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none.. 2019. 8. 23. RestController를 활용한 DataBinding, 요약 본 과정에서는 RestController를 사용한 DataBinding을 주제로 다룰 것입니다. RestController란 Rest방식의 데이터를 처리하기 위해 사용하는 Annotation입니다. 결론적으로 위와 같이 url 방식으로 호출하여 LIST의 JSON으로 리턴 받으려고 하는 것입니다. 즉, 이번 과정에서는 1) Jquery(javascript)에서 RestController URL로 위와같은 리스트를 호출 2) 해당 데이터를 화면에 바인딩 을 수행합니다. 해당 내용은 개발환경설정에서 사용한 MovieList를 그대로 사용하겠습니다. 즉, 기존의 Settingweb 프로젝트를 그대로 사용할 예정이며 저는 Settingweb 프로젝트를 그대로 workspace에 복사 후 프로젝트 코드의 sett.. 2019. 8. 23. 2. Dynamic web project: 차트 테스트 당초 Jsffidle로 차트에 대한 테스트를 진행하려고 했으나 해당 예제가 tsv파일로 이루어져 여러분에게 어려움을 야기할 수 있다는 판단이 들어 Eclipse의 dynamic web project를 이용해 진행해보도록 하겠습니다. Dynamic web project는 동적인 웹페이지를 웹어플리케이션 개발시 사용하는 프로젝트이며 JSP/Servelt을 사용하는 웹 개발 방법입니다. 먼저 이클립스에서 File > New > Dynamic Web Project를 클릭하여 project name을 입력한 후 finish를 하여 프로젝트를 만듭니다. 그리고 구조와 같이 webcontent 안에 html 파일을 만들고 d3.js example에서 가져온 html 파일을 넣은 후 저장합니다. 그리고 data파일 역.. 2019. 8. 16. 이전 1 2 3 4 5 6 다음
