(멘토링 1)시각화 페이지 구축_강의/3주차: Spring: RestController, DataBinding4 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. 이전 1 다음
