1. Ajax 란? AJAX (Asynchronous Javascript And Xml) 1. JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술. 2. XMLHttpRequest 객체를 이용해서 전체 페이지를 리로드하지 않고 필요한 데이터를 로드할 수 있음. image.png (출처 : 위키백과) aja...
이슈 fetch API를 이용해 프론트에서 서버로 요청을 보내고 서버에서 리다이렉팅 하도록 구현하였다. 하지만 브라우저로 리다이렉팅한 path의 response는 넘어오지만(200) 리다이렉팅한 페이지로 화면이 넘어가지 않았다. 헤더 설정 중 redirect 프로퍼티가 있는데 - manual : 리다이렉트를 허용하지 않는다. - error : ...
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. Fetch API 1. 어제 AJAX 개념에 대해 익힌 후, 이어서 오늘은 Fetch API의 GET, POST를 이용해 'chatter box'라는 채팅 클라이언트를 만들었다. 2. 중점적으로 진행했던 내용 - API...
쿠키 설정 안됨 Problem Client에서 Server로 http request를 날렸을 때, Server측에서 쿠키를 설정해주었지만, Client측에 쿠키가 설정이 안되어있음. Cause Client에서 http request를 할 때(fetch, axios) 쿠키를 주고 받으려면 옵션이 필요함. solution 브라우저에서 쿠키 ...
PRE코스에서 구현한 Twittler는 js파일 내부에 내장된 메세지를 가져오는 방식으로 구현되었는데, 이번에는 서버에 저장되어있는 메세지를 가져오는 chatterbox를 구현하고 있다. 차분하게 진행하면서 select태그를 통해 해당하는 메세지만 가져올 수 있게 하는데에 성공했다.
Fetch API 1. Promise를 사용하여 구현 - fetch(서버주소).then(콜백).then(콜백)........ .then(콜백).catch(에러콜백) - then의 순서로 순차적으로 진행됨 - then과정 중 에러가 발생하면 catch로 바로 넘어가서 에러 출력 - get - 서버와 통신하여 받기 원하는 데이터를 요청할때 사용 - 메소...
