728x90
๋ฐ˜์‘ํ˜•

์ƒํƒœ๊ด€๋ฆฌ 1

React] Hook : useContext ๋‹จ์  ํ•ด๊ฒฐ

useContext 2023.06.23 - [Front-End/React] - React] Hook : useContext ์•ž ๊ฒŒ์‹œ๊ธ€์—์„œ ์–˜๊ธฐํ–ˆ๋˜ useContext์˜ ๋‹จ์ ์€ ๋ฆฌ๋ Œ๋”๋ง์ด ์ž์ฃผ ๋ฐœ์ƒํ•˜๊ฒŒ ๋œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด๋ฅผ ๊ฐœ์„ ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ HTML ์‚ฝ์ž… ๋ฏธ๋ฆฌ๋ณด๊ธฐํ•  ์ˆ˜ ์—†๋Š” ์†Œ์Šค ์•ž์— ์˜ˆ๋ฅผ ๋“ค์—ˆ๋˜ ๋งˆํŠธ ์ฝ”๋“œ์—์„œ๋Š” 2์ธต ๊ณผ์ผ, 3์ธต ์Œ๋ฃŒ์ˆ˜๋กœ ๋ณ€๊ฒฝํ•˜์˜€์Šต๋‹ˆ๋‹ค/ ๋งŒ์•ฝ addDrink๋ฟ๋งŒ ์•„๋‹ˆ๋ผ addFruit๋ฅผ context์ถ”๊ฐ€ํ•˜์—ฌ ์‚ฌ์šฉํ•˜๊ณ , ์ด๋ฅผ Emart2F๋ผ๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ์ƒˆ๋กœ ๋งŒ๋“ค์–ด์„œ ์‚ฌ์šฉํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋ฉด, addFruit ํ•˜๊ฒŒ ๋  ๋•Œ Emart3F๋„ ๋ฆฌ๋ Œ๋”๋ง ๋˜๋Š” ํ˜„์ƒ์„ ๋ณผ ์ˆ˜ ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๋ ค๊ณ  ๋ช‡ ๊ฐ€์ง€ ์ˆ˜์ •ํ–ˆ์Šต๋‹ˆ๋‹ค. Emart.js import React, { useState, use..

Front-End/React 2023.06.26
728x90
๋ฐ˜์‘ํ˜•