2024. 5. 9. 20:09ㆍ카테고리 없음
Fetch란?
fetch API에 대한 원리
또는 문법적인 해석
클라이언트와 서버가 있으면 서로 통신을 할때
클라이언트가 우선 요청을 하는데 fetch('javascript')라고 치고 실행
=> 웹브라우저한테 자바스크립트라는 파일을 서버에게 응답 요청
fetch=> (자바스크립트X) html 실행
=> 클릭시 html에 접속해서 데이터를 가져오고있음
fetch 함수는 첫번째 인자로 전달된 데이터를 서버에게 요청하는 파일
서버가 데이터를 꺼내 응답을 해야함(응답을 하는 시간 필요)
EX> 1시간 필요한 동안 컴퓨터가 아무것도 안하고 있다
=> 비효율적 (서버 응답할때까지 다른 일을 할 수 있다(then의 기능))
fetch API가 응답이 끝나면 callbackme 함수를 실행
callbackme 함수를 실행시키도록 약속 되어있는것, response end(응답이끝남)
fetch API => Asynchronous 한국어로 비동기로 동작하고있음(synchronous 는 동기)
then 안에 function이 들어가있는 형태(익명함수)
이름이 있는 함수(callbackme) 이름이 없는 함수 function(response)
함수 이름이 필요한 경우는 다른곳에서 부를때 필요하다.
반면 이름이 없는 경우는 then 안에서만 독점적으로 사용하는 함수이기에 이름을 가질 필요 없음(한몸이 되면 되는거다)
위 코드랑 같다 (callbackme = function ~ )
[fetch API 사용 설명서]
"then에 callback함수를 주게되면 callback함수를 fetch API를 실행시킬때 저 함수에 첫번째 인자값으로 response 객체를 주겠습니다"
라고 적혀있음.
※ 이 함수가 호출될때 response 객체를 입력값으로 주면서 호출할 것(사용설명서)
response 어떤 내용이 들어있는가?
클릭시 response 객체에 여러 속성값
status 200 (성공)
요청한 파일 X => 서버가 웹브라우저에게 404표시
404는 not found의 숫자 (코드 네임)
