자바스크립트 웹 개발 기초

스킴(Scheme)프로토콜의 이름이 들어가는 자리이다.❗️프로토콜 : 통신을 하는 두 주체가 지켜야하는 통신 규약을 의미한다.호스트(Host)특정 서버를 나타낸다.경로(Path)서버안의 특정 데이터를 나타낸다.쿼리(Query)데이터에 관한 세부 요구사항을 나타낸다. (

Content-Type 헤더는 현재 리퀘스트 또는 리스폰스의 바디에 들어 있는 데이터가 어떤 타입인지를 나타낸다.주 타입(main type)/서브 타입(sub type)으로 나눠서 나타낸다.바디의 데이터를 직접 확인해서 그 타입을 추론하지 않아도 된다.

fetch는 비동기 처리되는 함수이기 때문에, 서버의 response가 오기 전까지는 다른 작업을 진행하고, 그 후 콜백 함수를 실행한다.console.log('Start');fetch 함수(리퀘스트 보내기 및 콜백 등록)console.log('End');리스폰스가 오

직렬화(Serialization) : "객체"를 string 타입의 JSON 데이터로 변환하는 것역직렬화(Deserialization) : string 타입의 JSON 데이터를 자바스크립트 "객체"로 변환하는 것console에 찍어보면 위와 같이, javaScript

text() : json에서 값을 받아온 다음, 역직렬화(Deserialize)를 따로 해주어야한다. (JSON.parse())json() : json에서 값을 받아올 때, 역직렬화까지 해서 받아온다.response를 잘 받았다면fulfilled 상태이면서 respon

어떤 작업에 관한 "상태 정보"를 가지고 있는 객체이다.response 받아 올때, 성공/ 실패 값을 저장하는 객체이다.pending : 작업중 / fulfilled : 작업 성공 / rejected : 작업 실패세가지 상태를 가진다.

Ajax 통신을 할 수 있게 해주는 외부 패키지이다.fetch가 axios.get으로 변경된 것을 제외하면 사용법이 똑같다.모든 리퀘스트, 리스폰스에 대한 공통 설정 및 공통된 전처리 함수 삽입 가능serialization, deserialization을 자동으로 수행

Asynchronous의 줄임말이다.function 앞에 async를 붙여야하며, 해당 함수는 항상 프라미스를 반환한다await는 ‘기다리다'라는 뜻을 가진 영단어 이며, 프라미스가 처리될 때 까지 기다렸다가 그 결과를 반환된다.await는 async 함수 안에서만 동

웹 페이지에 나타나는 HTML 문서 전체를 객체로 표현한 것이다.각 객체를 노드(Node)라는 용어로 표현하고, 태그는 요소 노드, 문자는 텍스트 노드로 구분되어 진다.link, img와 같은 요소들은 DOM TREE가 생성될 때 해당 태그 안에 리소스들을 다운 받아

SPA란 Single Page Application 의 약자며, 말 그대로 한개의 Page로 구성된 Application이다.단 한 번만 리소스(HTML, CSS, JavaScript)를 로딩하고 그 후에는 데이터를 받아올 때만 서버와 통신한다.MPA란 Multi Pa