실습에 앞서 간단한 개념정리를 해본다~~ 

 

@ 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

+ Recent posts