항해 42일차

항해 42일 차 12월이 되어서 이제 가을이 마무리될 즈음에 시작했었는데 벌써 눈이 내리고 있다.

이제 슬슬 팀단위로 프로젝트를 만들면서 결과물을 만드는 형식으로 커리큘럼이 진행되고 있다

이번 주에는 프런트엔드분들만 모여서 만든 팀으로 간단하게 CRUD를 할 수 있는 프로젝트를 진행했다.

https://attention-diary.vercel.app/ 

관종 다이어리

vercel 배포 프로그램을 통해 배포를 진행했는데 서버 쪽으로 배포 문제가 있었어 배포하면서 기능 쪽에 문제가 좀 있다.

그래도 좋은 팀원분들 만나서 재미있게 프로젝트 진행했고 그만큼 좋은 결과물이 나와서 너무 뿌듯했다.

이번주에는 백엔드 분들과 팀을 꾸려서 프로젝트를 진행하는데 너무 설레고 재미있을 것 같다.

 

이번 주 항해 과제는 axios에 관해서다.

Axios 특징

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

 

Axios 단축 메서드

axios를 편리하게 사용하기 위해 모든 요청 메서드는 aliases가 제공된다.

위처럼 객체 옵션을 이것저것 주면 가독성이 떨어지고 너저분하니, 함수형으로 재구성하여 나누어놓은 것으로 이해하면 된다.

axios의 Request method에는 대표적으로 다음과 같은 것들이 있다.

• GET : axios.get(url[, config])
• POST : axios.post(url, data [, config])
• PUT : axios.put(url, data[, config])
• DELETE : axios.delete(url[, config])

axios.request(config)

axios.get(url [, config])

axios.delete(url [, config])

axios.head(url [, config])

axios.options(url [, config])

axios.post(url [, data [, config]])

axios.put(url [, data [, config]])

axios.patch(url [, data [, config]])

 

axios는 서버와 통신을 할 때 유용하게 쓸 수 있는 프로그램으로 이외에는 fetch라는 방법도 있다고 한다.

서버와 통신하는 과정은 비동기적으로 동작하기 때문에 비동기에 대해서도 조금씩이라도 계속 공부를 해야겠다.

요즘은 프로젝트를 만들기 위해서 책을 읽거나 개인적인 공부를 할 시간이 많이 줄어든 것 같다.

그만큼 팀원분들이나 다른 분들과 커뮤니케이션을 하는 시간이 많아지면서 시간이 더욱더 빨리 가는 것 같다.