[왕초보] 웹개발 종합반 3주차

제이쿼리: 남이 만들어 놓은 자바스크립트 라이브러리

 

fetch: 서버에서 데이터를 받아오는 것

서울시 공공 데이터에서 미세먼지를 실시간으로 볼 수 있음

 

toggle(): 상태를 전환하는 이벤트 핸들러

onclick(): 클릭했을 때 반응이 일어나는 이벤트 핸들러

append(): 추가하는 이벤트 핸들러

+

click(): 클릭 이벤트 핸들러

keydown(): 키보드의 키 중 하나를 누를 때

mouseover(): 요소 내부에서 마우스가 움직일 때

mouseout(): 요소에서 마우스가 벗어날 때 발생

mouseenter(): 요소 내부로 진입할 때 발생

mouseleave(): 요소를 벗어날 때 발생

keydown(): 키를 누를 때 발생하는 이벤트

                  (키를 누르는 순간에 반응)

keyup(): 키를 눌렀다가 놓을 때 발생하는 이벤트

              (키를 놓는 순간에 반응)

keypress(): 문자 키를 눌러서 실제 문자가 입력될 때 발생

                  (입력된 문자에 반응)

 

value값 가져오는 방법: $(#'아이디명').val();

ex) let a = $(#'eundong').val();

      let b = $(#'infinite').val();

      let c = $(#'pink').val();

 

OpenAPI

허락된 곳의 접근만 허용

복제 방지를 위함

우리은행 용산지점' 이라는 서버가 있다고 가정한다.

또, 내가 예금 창구의 특정 창구로 가야한다고 가정한다.

그러면 그  예금 창구의 특정 창구가 API다.

 

Get: 데이터 조회(Read)를 요청할 때

목록 조회

 

Post: 데이터 생성(Create), 변경(Update), 삭제(Delete)를 요청할 때

회원 가입

회원 탈퇴

비밀번호 수정

 

도메인 주소 구성

https://서버의 위치/ 창구의 이름

(창구에 가져가는 데이터(주민번호)/?(일련번호)

RealTimeCityAir:{

        list_Total_count: 25.

  + RESULT:  {...}.

  + row: {...}

  }

}

key

딕셔너리형

 

document.ready();

자동으로 실행할 수 있는 코드

<script>엘리먼트 내 작성

기본 골격: $(document).ready(function(){...})