오늘목표
-
알고리즘 문제풀기
-
사이드바 햄버거버튼 해더로옴기고 전역상태관리
알게 된것
-
우리팀에서 상태관리를 프로젝트진행할때 zustand를 사용하기로했는데
나도 전역상태관리를 할 부분이 나와서 오늘 공부를 했다.
현재 리액트 상태관리 라이브러리 중에 대표적인것이 Redux가 있는데
이 Redux는 보일러플레이트 코드 때문에 현재 사용은 되고있지만 많은 문제점이 있다.
Redux는 이러한 점을 극복하고자 Redux Toolkit을 계속 업데이트 하고 있지만
여전히 플레이트가 존재하는 상황이다. -
하지만 Zustand의 장점은 굉장히 쉽다고는 한다. 보일러 플레이트가 거의없다 싶을정도로
간단한 코드만 필요하고 아주쉽게 연결할수있어서
Redux Devtools를 사용할수 있어서 Debugging을 하는데도 아주 유용한 상태관리라이브러리라고 느꼇습니다.
``
interface SideBarStore {
isMenuOpen: boolean;
toggleMenu: () => void;
}
export const useSidebarStore = create((set) => ({
isMenuOpen: false,
toggleMenu: () => {
set((state) => ({ isMenuOpen: !state.isMenuOpen }));
},
}));
``
redux만 사용하다가 처음으로 다른 라이브러리인 Zustand를 사용해봤는데 아직 익숙하지않으나
정말 간편한거 같다는 생각이들었다.
느낀점
- 오늘 알고리즘 문제도 풀고 Cs공부도 하고 팀원분들과 서로 문제를내고 맞춰보는 형식으로 진행도하고 기술면접 공부도 하고 팀 프로젝트 진행도 하였다. 오늘은 하나하나 해야될게 많았고
또 내가 만든 코드도 수정할부분도 많아서 팀프로젝트를 많이 못나간 부분이 있었는데 주말을 이용해서 기한내에 맞추기위해서 열심히 해야겠다는 생각을 했습니다.
