15.2.1 새 Context 만들기

프로젝트를 생성한 후, 새로운 Context를 만들어 보세요. src 디렉터리에 contexts 디렉터리를 만든 뒤 그 안에 color.js라는 파일을 만듭니다. Context를 만들 때 반드시 contexts 디렉터리에 만들 필요는 없습니다. 다만, 다른 파일과 구분하기 위해 따로 디렉터리를 만들었으며, 추후 Context를 사용할 때는 여러분 마음대로 경로를 지정해도 상관없습니다.

파일을 만들었으면 다음 코드를 입력해 보세요.

contexts/color.js

import { createContext } from 'react';
 
const ColorContext = createContext({ color: 'black' });
 
export default ColorContext;

---

 

새 Context를 만들 때는 createContext 함수를 사용합니다. 파라미터에는 해당 Context의 기본 상태를 지정합니다.