스파르타 왕초보 시작반 2주차

스파르타코딩클럽 2주차에서 배운 것들

1. Javascript의 간단한 복습
2. jQuery
3. JSON
4. Ajax

jQuery
HTML의 요소들을 조작하는데 편리한 Javascript를 미리 작성해둔 라이브러리. javascript로도 모든 기능을 구현할 수 있지만, 코드 복잡성, 브라우저 간의 호환성 등을 고려해서 사용하기 쉽게 만들어진 라이브러리임.

Javascript

document.getElementById("element").style.display = "none";

이 코드를 JQuery에서는 보다 직관적으로 다음과 같이 표현

$('#element').hide();

JQuery를 사용하기 위해서는 < head > </ head > 사이에 다음을 임포트해야 함.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

JSON
서버-클라이언트 통신
크롬 익스텐션 JSONView 설치 후 쉽게 볼 수 있다.
JSON은 key:value로 이루어져 자료형 dictionary와 아주 유사
OpenAPI를 가져와 사용할 수 있다.
클라이언트가 요청할 때 "타입" 존재
GET : 통상적으로 데이터 조회(read) 요청
POST : 통상적으로 데이터 생성(create), 변경(update), 삭제(delete) 요청

Ajax
기본골격

$.ajax({
  type: "GET",
  url: "여기에URL을입력",
  data: {},
  success: function(response){
    console.log(response)
  }
})

OpenAPI, Ajax 연습...

• 서울시 미세먼지 OpenAPI
• 서울시 따릉이 OpenAPI

추가적으로 들은 강의

• 자바스크립트의 시작(Boostercourse, 생활코딩)