240219 TIL 🎶 대표적인 비동기 통신 방법으로는 axios와 fetch가 있다. 이번에는 fetch에 대해 알아보고 이 라이브러리가 axios에 비해 가진 단점을 알아보자 :) Fetch 먼저 Fetch는, ES6부터 도입된 Javascript 내장 라이브러리로, Promise 기반 비동기 통신 라이브러리이다. 내장 라이브러리이기 때문에 (axios와 달리) 별도의 설치 및 import가 필요하지 않다 BUT, axios에 비해 단점이 있다. 미지원 브라우저 존재 개발자에게 불친절한 response axios에 비해 부족한 기능 axios에 비해 불편한 단점은 크게 다음의 두 케이스에서 볼 수 있다. 1) 데이터를 읽어올 때 2) 에러 처리 시 1) 예를 들어, 데이터를 읽어올 때의 단점은, 아래..

240209 뉴스피드 팀 프로젝트를 진행하며 현재 header의 nav에서 선택된 카테고리에 맞춰 해당 카테고리 리스트 항목을 뜨게하는 기능을 구현하고 있었다. 이전에 배웠던 기능이라 잘 구현할 수 있었는데, 아직 redux도 익숙치않지만 배웠던 대로 쓰니 잘 되었다. 하지만 !! 나는 선택된 해당 태그 (여기서 Tab) 의 textContent (태그사이 텍스트) 를 가져오길 원치않았고 (배운 내용에서는 카테고리를 선택하면, 클릭이벤트로 - event.target.textContent를 가져오는 식이었다) 선택된 태그의 className으로 가져오고 싶었다. const Header = () => { const activeCategory = useSelector((state) => state.catego..