JSON, GET, Fetch

JSON

Key : Value 쌍으로 이루어진 텍스트 기반 개방형 표준 데이터 포맷

주로 서버가 클라이언트로 데이터를 보낼 때 사용

크롬 익스텐션 JSONView를 설치해 JSON을 더 예쁘게 볼 수 있음

---

GET

[클라이언트 -> 서버]: 데이터를 요청할 때의 타입이 존재

• GET: 데이터 조회(Read)를 요청
• POST: 데이터 생성, 변경, 삭제를 요청

 

• GET 방식으로 데이터를 전달하는 방법

URL의 "?" 이후부터 전달할 데이터 작성(쿼리스트링)

"&": 전달할 데이터가 더 있다는 

 

*POST는 전송해야 할 데이터를 HTTP의 body 부분에 담아서 전송

 

---

Fetch

• Fetch 기본 골격

fetch("여기에 URL을 입력")
// 이 URL로 웹 통신을 요청한다. 괄호 안에 다른 것이 없다면 GET!
	.then(res => res.json()) 
// 통신 요청을 받은 데이터는 res라는 이름으로 JSON화 한다
	.then(data => { 
		console.log(data) // 개발자 도구에 찍어보기
	}) // JSON 형태로 바뀐 데이터를 data라는 이름으로 붙여 사용한다