WIL (6주차)

6주차 WIL
프론트 2명 + 백 4명 협업 미니 프로젝트 진행중
맡은기능 : 게시글 데이터 조회 등록 수정 삭제, 상세페이지(모달)
등록시간과 마감시간을 비교하여 서로 다른 UI를 보여주는 기능
Json-Server 이용해서 조회 등록까지는 완료

Axios

• Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트
• 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용한다.

Axios의 특징
- 운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용
- Promise(ES6) API 사용
- 요청과 응답 데이터의 변형
- HTTP 요청 취소
- HTTP 요청과 응답을 JSON 형태로 자동 변경

패키지 설치
yarn add axios

axios.get(url,[,config]) // GET
axios.post("url주소",{data객체},[,config]) // POST
axios.delete(URL,[,config]); // DELETE
axios.put(url[, data[, config]]) // PUT or PATCH

e.preventDefault() = 고유 동작을 중단시킨다.
e.stopPropagation() = 상위 엘리먼트들로의 이벤트 전파를 중단시킨다.