본문 바로가기

전체 글229

(5)자바스크립트_리퀘스트_API에서 리퀘스트 오류 종류와 그의 처리방법 => try,catch,finally문 || throw 오류처리(작성중..) ● 이론0_리퀘스트 오류 종류 //fetch 오류 종류 :○ 종류1 _ 요청하는 url이 이상한 경우 || 헤더 정보가 이상한 경우 => 결과: 반환되는 Promise 객체의 상태 : Rejected○ 종류2 _ 리퀘스트는 성공적이지만, 상태 코드가 이상한 경우 : //ex_ Get하려는 데이터 중 mbti값이 "FUCK", 데이터에 없는 mbti 검색 처리 => Promise 객체의 ok프로퍼티 로 처리한다.● 이론1_ 오류 종류1 처리하는 방법 => 함수 구현부가 아닌, 호출부분에 try catch finally문 작성- api.js//API 전부 fetch 하는 메소드export async function getColorSurveys(){ const url = new URL('https://lear.. 2024. 12. 7.
(4)자바스크립트_리퀘스트_API.js 만들기 ≠ API 만들기 ● 이론0_GET 리퀘스트 복습○ API 데이터 GET 하여, 출력 해보기- js 코드 :const url = new URL('https://learn.codeit.kr/api/color-surveys');const res = await fetch(url);const data = await res.json();console.log(data); - 출력 결과 :{ count: 40, next: 'https://learn.codeit.kr/api/color-surveys/?offset=10&limit=10', previous: null, results: [ { createdAt: 1733540117000, updatedAt: 1733540117000, colorCode.. 2024. 12. 7.
(3)자바스크립트_리퀘스트_Get 리퀘스트 => fetch() : API 데이터 불러오기 vs POST 리퀘스트 => fetch(url , 추가할 데이터 객체) : API 데이터에 요소 추가 (작성중) ● 이론0_GET 리퀘스트 복습○ 요약 :url 객체 url 객체.searchParams,append() + offset , limit , 개수또는 특정 데이터 프로퍼티에 대한 값의 데이터만 추출 => url/?특정프로퍼티 = 값const res = await fetch(url); , const data = await res.json(); , console.log(data);const url = new URL('https://learn.codeit.kr/api/color-surveys');url.searchParams('offset',10);url.searchParams('limit',10);const res = await fetch(url);const data = await res.json();cons.. 2024. 12. 6.
(2)자바스크립트_리퀘스트_ Get 리퀘스트 방법=>await + fetch() // 나중에 요약 정리 작성해보자 ● 이론1_API 데이터의 Body의 출력 구성○ count , next, previous ,result { count: 357, next: 'https://learn.codeit.kr/api/color-surveys/?offset=10&limit=10', previous: null, results: [ { createdAt: 1733330621000, updatedAt: 1733330621000, colorCode: '#ABCD00', id: 369, mbti: 'INFP' }, .... { createdAt: 1732967649000, updatedAt: 1732967709000, colorCo.. 2024. 12. 6.

티스토리툴바