[TIL] 06.28 Fetch, JSON

프론트엔드 개발자가 Ajax를 어떻게 활용할까?

XMLHttpRequest

전체 페이지의 새로고침없이도 URl(서버)로부터 데이터를 받아올 수 있다.

Fetch

fetch('https://jsonplaceholder.typicode.com/todos/1') //호출할 URL
  .then(response => response.json()) 
  .then(json => console.log(json))

1. URL fetch 요청
2. Fetch 응답 객체를 받아옴
3. 응답 객체가 JSON으로 되어있기 때문에 ⇒ 순수 자바스크립트 객체로 변환한다

맨날 헷갈리는 JSON

JSON으로 서버와 통신한다 💬 

JSON.stringify() - 서버로 데이터를 보낼 때
ㄴ js객체를 → json으로 변환 (typeof string)

JSON.parse() - 서버에서 데이터를 가져올때
ㄴ json → js객체로 변환

---

Facts(사실,객관)

• 제로베이스 JS강의 듣듣
• 오늘의 코플릿 이해 못함;
• <개인> 오징어 순대 냠냠

Feelings(느낌,주관)

• 알고리즘 너무 어렵다 넘흐 넘흐!!넘흐
• 정규에서 피그마 했는데 마음편히 있다가 당황했다.🥶 점유율 따라서 피그마로 갈아타얄듯!

Findings(배운점)

• this의 쓰임 살짝 구경!

자기선언

• 커밋명 성실하게 쓰기!!