Post

React : AJAX로 서버와 통신하기 (post, 동시에 요청 여러개 날리기, fetch)

POST 요청 하는 법 서버에 데이터를 보내기 위해서는 아래처럼 작성하면 된다. axios.post('URL', {name : 'kim'}) 동시에 AJAX 요청 여러개 날리기 동시에 여러 url로 ajax 요청을 날리려면 아래처럼 작성하면 된다. 그 아래 then()을 붙이면 둘 다 완료되었을 시 코드를 실행한다. Promise.all( [axios.get('URL1'), axios.get('URL2')] ) .then(()=>{}) fetch axios 라이브러리를 사용하면 자동으로 JSON을 object/array 형태로 변환해주지만, 그냥 fetch를 쓰면 변환해줘야 한다. fetch('URL').then(결과 => 결과.json()).then((결과) => { console.log(결과) } )..

[코딩애플] ajax로 서버와 데이터 주고받기 (1)

서버에 요청하는 법 어떤 데이터인지 url을 제대로 작성한다 (틀린 url로 요청시 404error가 뜬다) 어떤 방법으로 요청할지 결정한다 (GET/POST .. PUT, DELETE 등) GET GET 요청은 서버에 있던 데이터를 읽고 싶을 때 주로 사용한다. 브라우저 주소창에 url을 적으면 그곳으로 GET 요청을 날린다. POST POST 요청은 서버로 데이터를 보내고 싶을 때 주로 사용한다. POST 요청을 날리고 싶으면 form 태그 + method="post" + action="url"을 이용하면 된다. GET과 POST는 요청하면 브라우저가 새로고침된다. AJAX 서버에 GET, POST 요청을 할 때 새로고침 없이 데이터를 주고받을 수 있게 도와주는 브라우저 기능이다. (ex. 댓글을 서..