[내일배움캠프] AI트랙 - 2주차 웹프로그래밍_4 서버와 클라이언트 통신

☞ [내일배움캠프] AI트랙 - 2주차 웹프로그래밍_4

---

[2주차 수업 목표]

1. Javascript 문법에 익숙해진다.

2. jQuery로 간단한 HTML을 조작할 수 있다.

3. Ajax로 서버 API(약속)에 데이터를 주고, 결과를 받아온다.

---

1. 서버 -> 클라이언트 통신

 

1) JSON 이해하기

• key:value 로 이루어져 있다.
• 자료형 딕셔너리와 매우 유사하다.

 

2. 클라이언트 -> 서버 : GET / POST

- GET : 데이터 조회를 할 때. 예) 영화 목록 조회

- POST : 데이터를 생성, 변경, 삭제 할 때. 예) 회원가입, 회원탈퇴, 비밀번호 수정.

 

3. Ajax 시작하기

 

- Javascript에서 서버에 요청하기 위해 사용한다.

- Ajax는 jQuery를 임포트한 페이지에서만 동작한다.

 

// Ajax 기본 구조
<script>
    $.ajax({
        type: "GET",				# 요청 타입 GET / POST
        url: "여기에URL을입력",			# url 주소
        data: {},				# 요청하면서 함께 줄 데이터 / GET요청시 비워둔다
        success: function (response) {		# 서버에서 준 결과를 (response) 라는 변수에 담음
            console.log(response)		# 서버에서 준 결과를 이용해서 나머지 코드 작성
        }
    })
</script>

다음과 같은 형태로 데이터가 받아진다.