WIL07 React 심화 주차 마무리, 그리고 Axios

김태혁·2023년 2월 26일
0

WIL

목록 보기
7/12

React 심화 주차

  • 쉼없이 달려온 주특기 주차의 마지막 주차는 쉽지 않은 난이도였다.
    난이도가 어렵게 느껴진 이유는 개념들이 계속해서 들어오는데 머리 속으론 정리가 되지 않아서였다.

  • 하지만 쉽지 않다고, 주저하진 않아고 계속해서 부딪혔다. 막힐 땐 검색도 해보고, 이 방법 저 방법 써보면서 결국 주어진 과제를 잘 마무리했고, 내친김에 다음 레벨의 과제까지 성공적으로 마무리 했다.

  • 회원가입/로그인 페이지를 만들면서 백엔드와의 데이터 교환의 흐름을 조금이나마 이해할 수 있었다.

  • 이러한 이해를 통해 미니프로젝트 협업 주차를 시작했다. 조금이나마 이해를 하고 넘어와서 그런지, 백엔드분들과의 기획 회의에서 막힘없이 진행할 수 있었다.
  • 각자 맡을 역할을 정하고, 그에 맡게 진행을하고 또, 중간에 협의를 하고 이러한 과정이 있으니 진짜 협업을 하는 느낌이 들어서 신기하면서도 좋았다.
  • 이제 남은 기간동안 백엔드분들과 서버 통신이 문제 없이 잘 될 수 있도록 계속 협의하고, 맞춰나가야겠다는 생각이 들었다.

Axios

  • axios는 Promise 기반의 HTTP 클라이언트 라이브러리다. 브라우저와 Node.js 환경에서 모두 사용할 수 있으며, REST API 등을 호출하여 데이터를 요청하고 응답을 받을 때 사용한다.

  • 간단하고 직관적인 API: axios는 간단하고 직관적인 API를 제공한다. 따라서 코드를 작성하기 쉽고, 코드의 가독성도 높아진다.

  • HTTP 요청과 응답을 Promise 기반으로 처리한다. 이는 비동기적으로 처리할 수 있도록 하며, 코드의 가독성과 유지보수성을 높여준다.

  • 브라우저와 Node.js 환경에서 모두 사용 가능하다. 이를 통해 클라이언트와 서버 간의 데이터 통신에 사용될 수 있다.

  • 다양한 기능을 지원한다. 예를 들어 요청 취소, 요청과 응답을 인터셉트하여 변형하는 기능, 요청과 응답 데이터의 직렬화 및 역직렬화 등을 지원한다.

  • 다양한 HTTP 메서드(GET, POST, PUT, DELETE 등)를 지원하며, 요청에 필요한 옵션(헤더, 파라미터, 바디 등)을 설정할 수 있다.

profile
도전을 즐기는 자

0개의 댓글