목록Web (91)
taenyLog
GET 요청 1. URL 2. 버튼 3. AJAX > 새로고침없이 서버에게 GET요청하는 js 코드 js로 ajax 요청 1. 옛 js방식 2. fetch 3. 외부 라이브러리 axios 등.. CORS 관련 에러 관련 기능 끄고싶다면 1. 헤더에 Access-Control-Allow-Origin : "*" 2. var cors = require('cors') app.use(cor());
https://developer.mozilla.org/ko/docs/Web/API/fetch fetch() 전역 함수 - Web API | MDN 전역 fetch() 메서드는 네트워크에서 리소스를 취득하는 절차를 시작하고, 응답이 사용 가능해지면 이행하는 프로미스를 반환합니다. developer.mozilla.org fetch메서드는 네트워크에서 리소스를 취득하는 절차를 시작하고 , 응답이 사용 가능해지면 이행하는 프로미스를 반환 promise는 요청에 대한 응답을 나타내는 Response 객체로 이행 fetchapi는 웹브라우저에서 서버로 HTTP 요청을 하게 해주는 최신 인터페이스. XHR(XMLHttpRequest)객체를 사용하고 있다면 fetchAPI로 대체 가능. Fetch API는 서버에서 웹..
쿼리스트링 API의 쿼리문자열에는 원하는 문자를 넣을 수 있다 어떤 키-값 쌍이든 작성할 수 있고 &로 구분하면 된다. HTTP 헤더 일부 API의 경우엔 요청과 함께 특정헤더나 여러 헤더를 보내야한다. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers HTTP headers - HTTP | MDN HTTP headers let the client and the server pass additional information with an HTTP request or response. An HTTP header consists of its case-insensitive name followed by a colon (:), then by its value..
https://developer.mozilla.org/en-US/docs/Web/HTTP/Status HTTP response status codes - HTTP | MDN HTTP response status codes indicate whether a specific HTTP request has been successfully completed. Responses are grouped in five classes: developer.mozilla.org 2XX 일반적으로 문제가없이 성공적일때 3XX 리디렉션 관련 4XX 사용자/클라이언트 오류 5XX 서버 사이드 오류
API를 호출하거나 테스트 https://www.postman.com/downloads/ Download Postman | Get Started for Free Try Postman for free! Join 25 million developers who rely on Postman, the collaboration platform for API development. Create better APIs—faster. www.postman.com
section 28 AJAX(ASYNCHRONOUS JAVASCRIPT AND XML) 비동기식 자바스크립트와 XML JS, HTML ,CSS > 사람을 위한 것 .. 사람들은 렌더링된 브라우저를 본다 . - JS를 사용해 앱을 만들 수 있다 . 데이터를 올리거나 꺼낼 수 있고 어디론가 보낼 수도 있다. EX> 실시간 비트코인 가격을 보여주는 앱 JS로 만들면 새로고침을 하지 않고 타임아웃을 설정하면된다. X분마다 요청을 API에 할 수 있다. APIs(APPLICATION PROGRAMMING INERFACE) JS를 AJAX로 요청시 순수 데이터를 원함. 이때 필요한게 API이다. 소프트웨어끼리 작용한다. 사람이 아닌 애플리케이션을 위한 인터페이스. 웹에서 API를 이야기한다면 WebAPI이다. We..
fakeRequestPromise('yelp.com/api/coffee.page1') .then(() => { console.log('promise resoved') fakeRequestPromise('yelp.com/api/coffee.page2') .then(()=>{ console.log('promise soved 2 }) .catch(() => { console.log('promise reject') }) }) .catch(() => { console.log('promise reject') }) Promise는 어떤 연산,비동기 연산이 최종적으로 완료 혹은 성공했는지 실패했는지 알려주는 객체이다. 요청을 보내 다른 위치에서 데이터를 받는 것. 예 > Netflix API, IMDB API, AMA..