체유의 IT일지

프론트엔드로 프로젝트를 처음 해보면서 기능 구현하기에만 급급해코드 간결성이나 다른 훅들 사용에는 많이 부족했는데감사하게도 코치님께서 프로젝트가 끝난 후 코드 리뷰를 작성해주셨다.부끄럽지만🤣 기존에 내가 작성했던 코드와 리뷰 후 수정된 코드들을 비교해보면서 정리해보려한다.  1. useEffect 내부는 간결한 형태로 정리하는 것이 좋다useEffect 내부 코드의 가독성이 떨어지는 곳이 한 군데가 아니었다..!// 기존코드useEffect(() => { api({ method: 'get', url: "/fulfilled-habits", params: {date: getDate()[1]}, }) .then((res) => { const h..

Fetch와 axios는 모두 promise 기반의 HTTP 통신 라이브러리 Axios Node.js와 브라우저를 위한 라이브러리 모듈 설치 후 import 필요 import axios from "axios"; Fetch ES6에 들어온 JavaScript 내장 라이브러리 별도로 import할 필요가 없음 Axios vs Fetch 1. 요청문법 fetch는 두 개의 인자를 받는데, 첫 번째 인자는 리소스 url, 두 번째 인자는 요청의 설정 옵션 설정 옵션의 기본값은 GET 요청 fetch(url, { method: "GET", headers: { "Content-Type": "application/json", }, body: JSON.stringify({}), }); axios는 Fetch와 유사하게..