Z index 관리

• 사이드바에서 클릭할때, 네비게이터에서 클릭할때, page자체를 클릭할때, zIndex를 최상단에 두어야함.

페이지로 스르륵 들어가는 애니메이션

framer motion의 exif를 쓰려면,

다음과 같이 isVisible등으로 조건부 렌더링이 되어야함.

그런데, 이는 Page컴포넌트 내부에 있음. 즉, Page 컴포넌트의 렌더링함수와 그 밖에 있는 useState같은게 다 돌게되어있음.

exit 애니메이션을 적용하기 위해, Page 컴포넌트가 렌더링되는 코드가 필요한가? 아니라 생각함.

아예 처음부터 Page 컴포넌트에 접근조차 못하게.

왜? Page컴포넌트에 주요로직이 있을거라 에상. 실행조차 못하게하기

    exit={{
            x: -150,
            y: position.y,
            opacity: 0,
            scale: 0.8,
          }}

사이드바 여닫기

• page 위치의 경우, x,y좌표를 이동시켜주고

왜 수동으로 좌표를 계산하는가

HTML5 Draggable API (draggable, onDragStart 등)이 존재함.

그렇지만 이를 안썼음.