항해99 36일차 TIL : axios 첫 걸음마 지식

리액트와 html의 사소한 태그 사용 차이

• html : <span style="cursor: pointer">Pointer</span>. 그러나 리액트에선 안된다.
• 리액트 : const HeartBtn = styled.div` cursor: pointer; `; 이렇게 styled-component로 설정한 요소를 써야 마우스를 올렸을때 pointer가 적용된다.

클론코딩주에 클라이언트(프론트)-서버(백)의 요청-응답에 쓰이는 axios를 처음 접하고 공부를 시작했다.

axios : axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리.

 axio도 네가지 http methods( POST, GET, PUT, DELETE)를 사용한다.

이번 클론코딩주에서 백엔드의 서버와 통신하기 하기 전에 프론트엔드에서 데이터가 뿌려지는 것을 확인하기 위해서 mock api와 axios를 사용하는 것을 연습한다.