➡️ 문제 상황 ! 메인 화면에서 유저의 email을 유저 네임으로 보여주기 위해 유저 정보가 필요한 상황. 1차: useState로 1:1 관리2차: 전역에서 관리하기 위해 store 작업3차: 로그인이 되었을 때만 유저정보를 가져오도록 리팩토링 1차 시도 ->필요한 파일마다 useState로 유저 데이터를 관리 (1:1)const [userData, setUserData] = useState(null) useEffect(() => { const fetchData = async () => { const supabase = createClient() const { data: { user }, error } = await supabase.auth.getUser() setU..

!! 투두리스트에서 모달로 CRUD하고 싶은 상황 !!전에 만들었던 모달은 차력쇼로 하나 하나 만들었어서, 이번에는 상태관리도 붙이면서 좀 생각해보면서 만들고 싶어서 방법을 고민해봤다.그리고 간단한 프로젝트이기도 하고, 주스탠드 좋다고 많이들 하셔서 어떤 점이 좋은지 경험해보고자 도입했다. 리덕스를 쓰기엔 이 프로젝트가 너무 조그맣고,, 쬐끄만,,, 이런 느낌이었다. 일단 task를 작성하는 액션에 타입으로 boolean값을 부여하고 액션의 boolean 값에 따라 모달을 보여주기로 정했다.흐름은 대충 이런 느낌.Create작성하기 클릭 -> 모달 open ->모달 내에서 task(title, detail) 작성 후 제출하기 버튼 클릭 ->모달 close, 작성된 task가 /today 페이지의 컴포넌트..