웹 프로그래밍 기초3

JQuery 시작하기

jQuery HTML의 클라이언트 사이드 조작을 단순화 하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리.

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

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

(위)자바스크립트 (아래)제이쿼리
보다 직관적으로 사용할 수 있다.

• class 와 id
  .class 중복사용 가능.
  #id 페이지에서 한번만 사용 가능.
  한 요소가 여러 개의 클래스, 한개의 아이디를 동시에 가지는 것은 가능.
  
  
• CSS 스타일 우선순위
  !important 가장 우선적으로 적용이 가능하다.
  
  
  

서버-클라이언트 통신

API(application programming interface) 컴퓨터나 컴퓨터 프로그램 사이의 연결, 요청 창구.

GET → 통상적으로! 데이터 조회(Read)를 요청할 때
예) 영화 목록 조회
POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때
예) 회원가입, 회원탈퇴, 비밀번호 수정

Ajax(Asynchronous JavaScript And XML) 페이지 새로고침 없이 서버에 요청,
서버로부터 데이터를 받고 작업을 수행. AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성"

JSON(JavaScript Object Notation) 딕셔너리와 리스트가 조금 합쳐진 형태(?)
Javascript 객체 문법으로 구조화된 데이터를 표현하기 위한 문자 기반의 표준 포맷.
웹 어플리케이션에서 데이터를 전송할 때 일반적으로 사용.
JSON은 문자열 형태(네트워크를 통해 전송할 때 아주 유용).
JSON은 순수한 데이터 포맷. 오직 프로퍼티만 담을 수 있다.
JSON은 문자열과 프로퍼티의 이름 작성시 큰 따옴표만을 사용해야 함.
JSONLint(https://jsonlint.com/)