useEffect는 컴포넌트가 특정 작업(컴포넌트 렌더링 이후)을 실행할 수 있도록 하는 hook이다 (비동기 처리에 이용)

state는 데이터를 이용하는데 사용하고 props와 비슷한 기능을 한다 그렇다면 state는 왜 사용하는걸까?

식품검색을 통해서 구성하는 영양소를 보여주고 시각화 한다 이때까지 공부한것으로 리액트를 이용해서 rest api로 요청을 전송및 수신을 하고 받은 데이터를 시각화해서 보여줘야한다

여기서는 props와 javascript에서 map메소드를 이용할 것이다 이전글{:target='_blank'}을 보면 props를 이용해서 데이터를 전달하는걸 알 수 있다

리액트를 사용해서 처음하는 프로젝트인 만큼 크게 어려운 개념은 이용하지 않았다

자바스크립트에서 배열의 값을 이용할때 이 배열의 요소를 이용해서 리스트를 보여주거나 새로운 배열을 생성할 때가 있다

자바스크립트에서 this가 참조되는것은 호출에따라 달라지는데 이것을 this 바인딩이라고 한다

자바스크립트에서 함수의 표현이 여러개가 있다 함수의 표현을 더 간결하게 하면서 표현이 늘어났다

컴포넌트란 리액트로 만들어진 앱을 이루는 최소한의 단위이다 컴포넌트는 원래 복잡한 코드를 묶어서 개별적으로 수정 가능하고 재사용 할 수 있게 만든것이다 클래스형 컴포넌트와 함수형 컴포넌트가 있지만 여기서는 클래스 컴포넌트를 다룬다

promise란 fetch{:target='_blank'}에서 작성한 것처럼 두개의 메소드를 가지고 비동기적 작업을 표준화 시킬수 있어서 사용한다고 했었다