2021-10-18 노션페이지,
2021-10-19 노션페이지,
2021-12-12 노션페이지
기록된 노션을 다시 정리
어려웠던 부분
- 서버, 통신 등의 개념이 부족해 모든 설명이 추상적으로 다가와 이해하지 못했음
- 백엔드를 전혀 몰라 전체적으로 완벽히 이해하지 못함
- XMLHttpRequest객체를 이용한 Ajax요청의 흐름
- request header, request body가 어떻게 나오는지
비동기
- 자바스크립트는 대표적인 싱글스레드로 작동하는 언어이다
- 하지만 싱글스레드인 상황에서 성능을 극대화 하기 위해 비동기 처리 방식을 채택
- 비동기란
하나의 작업을 실행시키고 그 작업이 마치지 않아도 다음 작업을 실행하는 실행 방식
- 필요한 비동기 요청(이벤트를 포함) 처리는 자바스크립트 엔진을 구동하는 환경 즉 브라우저(또는 Node.js)가 담당한다.
1. Ajax
자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다.
=> 웹페이지 전체를 갱신하지 않고, 페이지의 일부만 갱신할 수 있도록함
- 현재는 fetch나 axios를 많이 사용
- XMLHttpRequest를 이용한 통신 방법은 현재 자주 사용하지 않으므로 포스팅에서 다루지 않음
2. Json
- 클라이언트와 서버 간 데이터 교환을 위한 규칙
- 자바스크립트의 객체 리터럴과 매우 흡사하다.
- 키는 반드시 큰따옴표(작은따옴표 사용불가)로 둘러싸야 한다.
- JSON.stringify
- 객체를 JSON 형태로 변환 시켜줌- JSON.parse
- JSON 데이터를 가진 문자열을 객체로 변환한다.
3. REST API
- URI는 정보의 자원을 표현해야 한다.
- 자원에 대한 행위는 HTTP Method(GET, POST, PUT, DELETE 등)으로 표현한다 (동사가 들어가면 안된다.)
GET : 조회 (READ)
POST : 생성 (CREATE)
PUT : 수정 (UPDATE)
DELETE : 삭제 (DELETE)
참조 : poiemaweb.com
