728x90 리액트6 Context API Context API는 리액트 프로젝트에서 전역적으로 사용할 데이터가 있을 때 필요하다. Context API를 사용하지 않는다면 최상위 컴포넌트에서 다른 여러 컴포넌트에서 공통적으로 필요한 state를 관리하고 필요시 props의 형태로 전달한다. 이때 컴포넌트의 구조가 복잡해지면 여러 컴포넌트에 걸쳐서 props를 전달한다. 이는 유지보수성의 저하를 야기하기 때문에 이를 보완하기 위해 Context API 또는 Context API를 기반으로 구현된 리덕스, MobX같은 상태관리 라이브러리를 사용한다. Context API를 사용하면 데이터의 전달을 위해 여러 컴포넌트를 거칠 필요 없이 Context를 만들어 한번에 원하는 값을 받아올 수 있다. /src/contexts에 다음과 같은 코드를 작성하자.. 2021. 7. 17. 외부 API 연동 axios를 설치하고 다음과 같은 코드를 작성하자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 import logo from './logo.svg'; import './App.css'; import React, {useState} from 'react'; import axios from 'axios'; function App() { const [data, setDate] = useState(null); const onClick = async () => { try{ // 가짜 API를 호출할 수 있는 사이트 const response = axios.get('https://jsonplaceholder.typ.. 2021. 7. 12. 이전 1 2 다음 728x90