IT/script_AJAX (4) 썸네일형 리스트형 날씨API 예제 (openweathermap)api 예제- 사좋배 공유 안녕하세요. 요즘 api연동을 실무에서도 많이 사용해서 저 또한 날씨api를 사용하는 예제를 작성해 보았습니다. 얼마든지 응용할수 있게 아주 간단한 예제입니다. 원하는 도시를 입력해서 Get Weather을 누르면 도시가 밑에 나오고 그 도시의 현재 날씨 온도와 맑은지 흐린지 나오는것입니다. sublime text3(에디터)로 작성했으며, sublime text3 다운로드 하는방법은 글에 올려놨습니다. api를 이용하여 유용한 웹이나 앱을 만들어 봅시다! AJAX 기본 예제-(Controller와 JSON을 이용한 ajax통신) AJAX 기본 문법은 글을 올린 적 있습니다, 이제 그런 기본 문법을 이용하여 기본적인 예제를 짜 보겠습니다. 클라이언트단(JAVAscript) button을 만들어서 button을 클릭 시 testStr의 제이슨 형태의 타입의 데이터가 ajax통신을 이용하여 서버(Controller) 단으로 데이터를 보내는 예제입니다. 궁금하신 점은 댓글을 달아주세요. 서버단(Controller) Server(Controller) 단 입니다.@RestController 어노테이션을 이용하여 기본적으로 통신만 주고받게 했고 처음에 화면을 띄우기 위해 PageController는 @Controller로 어노테이션을 걸어줬습니다. 제이슨 형태로 보낸걸 TestForm개체로 받아서 return 또한 제이슨으로 하고 있습니다... Script를 처음으로 시작하기 좋은 Sublimetext3 (Editor) Sublimetext란 메모장같은 일종의 에디터라고 할수있지만 편집기 기능도 가능합니다. https://www.sublimetext.com/3 Download - Sublime Text Sublime Text 3 is the current version of Sublime Text. For bleeding-edge releases, see the dev builds. Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currently no enforced time limit f www.sublimetext.com 위의 주소로 들어가면 Subli.. AJAX의 첫걸음 및 기본문법 AJAX란 무엇인가? AJAX란 비공기 자바스크립트와 XML(Asychronous JavaScript And XML)을 말합니다. 간단히 말하면, 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것을 말합니다. JSON,XML,HTML 그리고 일반 텍스트 형식 등을 포함한 다양한 포맷을 주고 받을 수 있습니다. AJAX의 가장 큰 특징은 페이지를 변경하지 않고 수행되는 "비동기성" 입니다. 이러한 비동기성을 이용하여 페이지의 전체가 아닌 일부부만 업데이트 할 수 있게 해줍니다. AJAX가 없을땐 어떻게 통신했을까? 기존의 웹 애플리케이션은 브라우저에서 폼을 채우고 이를 웹 서버로 제출(submit)을 하면 하나의 요청으로 웹 서버는 요청된 내용에 따라 데이터를 가공하여 새로운 웹 페이지를.. 이전 1 다음
