React에서 전역 상태 관리를 할 때 코드 최적화와 설정 차이로 인한 문제를 해결하기 위해 useState를 사용해야 하는 이유에 대해 알아보겠습니다. 저는 주스탠드를 사용하여 전역 상태 관리를 구현하고 있습니다. 일반 변수를 사용하여 userType을 저장하여 사용했고, 로컬 환경에서는 별 다른 문제가 발생하지않았습니다. 하지만 AWS 빌드 후에 userType이 undefined가 되는 문제가 발생했습니다. ////기존 코드 import { useUserStore } from "src/store/adviceStore"; const { user, fetchUserData } = useUserStore(); //가져온 fetchUserData를 userType변수에 저장 const userType = ..

useState hook 사용법을 알아보자. 예쁜 주사위 이미지가 있다. 주사위에 '버튼'을 만들어서 랜더링을 할때마다 상태 값이 변하도록 만들어볼거다. 먼저 Button.js 컴포넌트를 만들어주고 const Button = ({ text }) => { return {text}; }; export default Button; 부모 컴포넌트로 이동! import Dice from "./Dice"; import React from "react"; import Button from "./Button"; const App = () => { return ( ); }; export default App; 버튼 컴포넌트에 text라는 props를 사용하고 App.js에 props로 전달해준다. (Button 컴포넌트..