이번에는 Jquery 의 비동기통신 방법인 ajax 에 대해서 알아 봅시다 ajax 비동기 통신은 페이지의 이동없이 서버와 데이터를 주고 받는 것을 의미 합니다. 예를 들면, 실시간 으로 되는 것들이 있겠네요 java script 에서는 fetch 라는 걸 썻었는데, Jquery 에서는 ajax 라는 걸 사용하면 됩니다. 이번에는 어제 배운 REST API 를 이용해서, 비동기 서버를 만들고, 만든 비동기 서버에 접속해서 데이터를 가져와 볼겁니다. 실습하는데 필요한 건, 이클립스 , 서버(Tomcat) , visual studio code 가 되겠습니다. 서로 다른 툴을 사용하는 이유는, 서버를 다르게 하기 위해서 입니다. 현재 이클립스는 8181 포트, vs code 는 5501 포트 를 실행하게 되어..

이번에는 REST API 에 대해서 알아 봅시다. REST API REST API 는 비동기 서버 라고 생각을 하시면 되겠습니다. REST API 를 사용해서, 데이터(객체)를 반환할 수도 있고, 데이터(객체)를 전달 받을 수도 있습니다. REST API 는 @RestController 를 사용하는 데요 지금까지의 spring mvc 구조에서는 컨트롤러에서 뷰 리졸버로 view 에 대한 데이터를 전달해 주었는데, @RestController 는 해당 페이지로 요청한 클라이언트에게 특정한 데이터(객체)를 돌려 줍니다. 이를 실습해 보기 위해서, "크롬 웹스토어" 에 들어가서 "Yet Another Client" 를 설치해 주세요 설치를 완료하면 브라우저 창 오른쪽 상단에, 아래와 같이 나옵니다 클릭을 하면..