웹개발 2주차

jQuery

html을 조작하는 javascript를 미리 작성 해둔 것이다 즉 라이브러리다.

jquery는 id 값을 통해 버튼/인풋박스등을 가르킨다.

 

사용예시

링크 https://www.w3schools.com/jquery/jquery_get_started.asp

jQuery Get Started

 

• 응용 퀴즈

문제

코드

문제2

문제2 해답

이런식으로 필요할때 마다 찾아서 사용할 수 있다.

 

 

서버와 클라이언트 통신 이해

api는 식당을 점원과 같다. 손님에게 정리 된 매뉴를 보여주고 주문한 매뉴를  주방에 전달하고 또 완성된 매뉴를 다시 손님에게 전달한다.  중간에서 요청을 받고 요청에 맞는 값을 다시 주는 전달자 역활이 라고 생각하면 된다

클라이언트는 요청을 할때 여러가지 타입이 있다

대표적으로 GET은 테이터를 죄회 요청할때 사용된다

                POST는 생성,제거,수정등을 요청할때 사용된다.

 

Ajax

자바스크립트를 통해서 서버에 데이터를 비동기 방식으로 요청하는 것이다.

{비동기 방식이란: 웹페이지를 리로드하지않고 데이터를 불러오는 방식이며 Ajax를 통해서 서버에 요청을 한 후 멈추어 있는 것이 아니라 그 프로그램은 계속 돌아간다는 의미를 내포하고 있다.}

 

기본구조

 

 

예시

012

ajax 응용 하여만든 예시 버전