실습에 앞서 간단한 개념정리를 해본다~~
@ Ajax 란?
JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 데이터를 주고받는 기술이다.
즉, 쉽게 말하자면 자바스크립트를 통해서 서버에 데이터를 요청하는 것이다.
@ 비동기 방식이란?
프로그램 언어마다 다를 수 있겠지만 기본적으로 프로그램은 절차적 즉 순서대로 동작한다.
그래서 하나의 동작이 끝나면 다음 동작이 실행 또 그 다음 다음 ... 이렇게 쭉 가는건데
매번 순서대로 하다보면 효율이 낮을때가 있다.
예를 들면,,
기본구조가
자판기에서 커피를 누르고 잔돈을 받으려면 커피가 다 나오고 커피를 꺼내야 잔돈을 받을 수 있는 구조라면
비동기는
자판기에서 커피를 누르고 커피가 나오는 동안 잔돈 버튼을 눌러서 잔돈을 받을 수 있게 해준다
어떤 일(커피추출)을 진행하는 동안 이라는 다른일(잔돈반환)을 수행할 수 있게되는것!
이렇게 하나의 로직이 수행된 후 다음 로직이 실행되는 절차적 수행을 피할 수 있는 방법이다.
또 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러올 수 있다는 장점이 있다.
사람이 한다면 별거 아니지만 컴터에게 시키려면 이런 절차가 필요하다 ~~
다음 포스팅 ~~!
SpringBoot Ajax 사용하기!
Spring Framework 에서 사용하는 Ajax 샘플 코드를 정리했다. 흐름은 이렇다~~~~ 1. html에서 Send 버튼을 클릭! 2. 버튼 클릭 이번트 감지 function 실행 3. 보낼 데이터 준비 후 ajax url(/send) 로 전송~ 4. @P..
genie-dev.tistory.com
'JAVA 강의 ( 초급)' 카테고리의 다른 글
| SpringBoot Ajax 사용하기! (0) | 2021.02.18 |
|---|---|
| JSON 에 대해서 알아봅시다. (0) | 2021.02.17 |
| JAVA 기초 3강 (0) | 2020.10.04 |
| 자바 2강! (0) | 2020.09.26 |