CRA는 리액트로 웹 어플리케이션을 만들기 위한 환경을 편하게 제공한다.주요 제공 하는 것들로는 바벨과 웹펙, 그리고 테스트환경, HMR, ES6+ , CSS 후처리 등 여러가지의 개발환경을 구축해 준다. 이러한 개발 환경을 직접 구축하려면 시간이 오래 걸릴 뿐 아니라
리액트에서 CSS 작성법으로 Sass를 사용하기 위해 공부한 글CSS를 조금 더 프로그래밍 언어스럽게 다룰 수 있게 해주는 pre-processor(전처리 문법 언어) 이다.SASS를 활용하면 CSS에 변수,반복분,함수 등을 사용 해 중복되는 CSS코드를 줄일 수 있다
hook에 관해서 공부한 내용커스텀 hook은 다른 글에서 다룰예정요약하자면 Hook은 함수형 컴포넌트가 클래스형 컴포넌트의 기능을 사용할 수 있도록 해주는 기능이다.React 16.8 버전 (2019년도) 에 추가된 공식 라이브러리 Class형 컴포넌트에서만 쓸 수
useFetch 커스텀 훅을 만들다가 삽질한 내용을 기록함수형 컴포넌트에서 로직을 쉽게 재사용하기 위해 만드는 hook이다. 재사용 되는 로직들을 커스텀 훅으로 만들어 사용한다.사람들이 자주 만들어 쓰는 커스텀 훅들은 다음과 같다. 아래 1~14번까지는 npm으로 설치