https://flykimjiwon.tistory.com/190 HTTP의 상태코드와 메서드, REST API - HTTP의 상태코드 1xx (정보) : 요청을 받았으며 프로세스를 계속한다. 2XX (성공) : 요청을 성공적으로 받았으며 인식했고 수용한다. - 200OK : 요청이 성공적으로 되었습니다. - 201 created: 요청이 성공 flykimjiwon.tistory.com 내가 과거에 썼던 글이다. 대략적인 개념을 어렴풋이만 알고 있었지만 자세히 알고 있어야 할거같다. - REST API란? REST는 Representational state Transfer의 약자 Representational 상태 전송 대표? 표현적인? 상태전송 이것만 봐선 뭔가 애매하다. HTTP 설계의 우수성에비해 제..

- axios 라이브러리 fetch나 여러 방식이 있긴하지만 json으로 바로 바꿔주는 편리함이나 장점 때문에 react에서도 axios를 주로 썼다. vue에도 당연히 적용되서 사용해보고 간략한 사용법을 기록한다. npm install axios해준다음 script부분에 먼저 import를 해준다.

- HTTP의 상태코드 1xx (정보) : 요청을 받았으며 프로세스를 계속한다. 2XX (성공) : 요청을 성공적으로 받았으며 인식했고 수용한다. - 200OK : 요청이 성공적으로 되었습니다. - 201 created: 요청이 성공적이었으며 그 결과 새로운 리소스가 생성되었습니다. 3xx (리다이렉션) : 요청 완료를 위해 추가 작업 조치가 필요하다 - 301 Moved perma nently : 이 응답코드는 요청한 리소스의 URI가 변경되었음을 의미합니다. 변경된 새로운 URI를 응답에서 주는것이 좋습니다. 4XX (클라이언트 오류) : 요청의 문법이 잘못되었거나 요청을 처리할 수 없다. - 400 Bad Request : 이 응답은 잘못된 문법으로 인하여 서버가 요청을 이해할 수 없음을 의미합니다..

백엔드 팀원들과 협업하다보면 만들어준 API를 사용해야할 필요가있다. 1)회원가입,로그인,게시글작성,삭제,수정 그리고 현재 나같은경우 2)db에 있는걸 분류해서 카테고리 묶음으로 원하는 데이터를 뽑아올때 3)혹은 그외 프론트에서 특정요청을 보내면 원하는 데이터를 받아오는 경우 예시를 살펴보자 우리팀 천재 백엔드 개발자 솬군이 만들어준 api다, 3개의 속성이 있고 각 속성은 0~3까지 가지고있다. 그리고 중간에 Request URL까지 떡하니 나와있으니 편하게 API사용하듯이, React의 경우는 Axios를 사용해주면 된다. 내가 0,0,0을 전송하거나 혹은 2,1,3등을 전송하면 원하는 목록이 쭉 날아오는 식이다. 내가 1,0,3을 날려봤다. 이와같이 해당하는 결과가 쭈르르르륵 날아온다. axios(..