-
[React.js] Context API๋ฅผ ์ด์ฉํ์ฌ ์ ์ญ ์ํ ๊ด๋ฆฌํ๊ธฐ
Context API๋ฅผ ์ด์ฉํ์ฌ ์ ์ญ ์ํ ๊ด๋ฆฌํ๊ธฐ๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์์ Context API๋ฅผ ์ด์ฉํ์ฌ ์ ์ญ ์ํ ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ์ ์ ๋ฆฌํด๋ณธ๋ค.Context API๋ฅผ ์ด์ฉํ๋ฉด ๋ฐ๋ก ํจํค์ง๋ฅผ ์ค์นํ์ง ์๊ณ ๋ ์ ์ญ ์ํ๋ฅผ ๊ด๋ฆฌํ ์ ์๋ค. Context API๊ฐ๋
์ปดํฌ๋ํธ ํธ๋ฆฌ์์ ์ ์ญ ์ํ๋ฅผ ๋ณด๋ค ์ฝ๊ฒ ๊ณต์ ํ ์ ์๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ API์ด ๋ฐฉ๋ฒ์ ์ด์ฉํ๋ฉด, ํ๋กญ ๋๋ฆด๋ง(Props Drilling)์ ํผํ ์ ์๋ค. ๋ฐฉ๋ฒโ context ํ์ผ ์์ฑํ๊ธฐ์ ์ญ์ผ๋ก ์ฌ์ฉํ ์ํ๋ฅผ ์ ์ํ๋ @Context.js@ ํ์ผ์ ์์ฑํ๋ค. ./src/context.jsimport { createContext, useContext, useState } from 'react';// (1) Context ์์ฑํ๊ธฐco..
2
2024.09.11