비동기 처리

프론트엔드의 핵심 비동기처리

 

웹디자이너들이 -> JS 를 배워서 퍼블리싱

————————————————————

JS “비동기 처리” -> 프론트엔드

: 데이터를 다룰 수 있는 기능

: 데이터는 DB에 존재한다 -> M 파트 = > C 에 접근할 수 있는 기능

:  C 파트 -> 서버 요청이 가능한 기능

: 프레임워크 -> Node.js Vue.js React, …

작동원리를 아는게 중요하다.

 

자바스크립트 라이브러리를 이용하려면 직접 스크립트태그를 import 해야된다.

 

$.ajax({

type:?, -> 서버 요청전송 방식 get or post

url :?, -> 데이터를 요청할 수도, 서버 주소를 요청할 수도

  “json/data01.json”

dataType:?, -> 전송받아올 데이터타입

success:?, -> function 인자에 data 를 작성하면 json을 받아올 수 있다.

error:?

});

 

비동기 처리를 하면 화면 이동이 없다. => FC 를 사용하지 않는다.

 

비동기 처리만을 위한 서블릿 클래스 파일을 별도로 생성해야 된다.

 

FrontController 를 사용하면 화면 이동이 필수이다.

 

 

 

# 아이디 중복 검사 흐름은 이런식으로 기억하자.

         아이디를 서버에 전송 -> DB 유효성 검사(중복체크) -> 결과 반환받기  

 

# 반복문을 사용할 때 자바스크립트에서는 forEach, 제이쿼리에서는 each를 사용한다!!

 

# 데이터를 일방적으로 보내기만 한다면 ajax 프로퍼티에서 dataType과 success는 안쓰인다!

 

# GET은 필요로 하는 정보를 요청할 때(select) 

   POST는 정보를 추가, 수정, 삭제 할 때(insert, update, delete) 쓰인다.