- E 키 누르기: FPS게임 방식의 조작 움직임 (WASD, 화살표 키로 이동 가능, 마우스로 카메라 이동 가능)
- ESC 키 누르기 : 사물 관찰하기에 적합한 조작 움직임 ( 마우스 드래그로 카메라 조작 가능)
- 토스트가 생성되는 경우: ESC키를 눌렀다가 3초 안에 E키를 누른 경우에 생성됨. (조작 방식 전환하는데에 시간이 좀 걸리는데, 이 때 사용자의 조작을 막기 위함)
zustand 란?
Zustand는 독일어로 '상태'라는 뜻을 가진 라이브러리이며 Jotai를 만든 카토 다이시가 제작에 참여하고 적극적으로 관리하는 라이브러리
장점
- store 구현 방식 및 변경 방식이 간단해 코드가 매우 줄어든다.
- 익히기가 굉장히 쉽다.
- Provider로 감쌀 필요가 없다.
- redux처럼 라이브러리에 의존성이 하나도 없다
등 이것들 이외에도 다른 장점들도 많다고 합니다..!
여러 상태관리 라이브러리 중 zustand를 고른 이유
- react-three fiber를 만든 개발사와 동일한 데에서 만들어서 호환성이 뛰어나다
- 리액트 훅처럼 사용가능해서 리액트 사용자에게 익숙하다
- (리액트에 익숙한 조원이 많음을 고려했을 때) 개발 생산성이 좋아진다
zustand 사용하기전 상황 (useState로 관리했을 때)