리액트

리액트-route transition animation (2)

리액트-route transition animation (1) 밴드부 티켓 예매를 거의 휴대폰으로 할테니 웹이어도 앱느낌이 나게끔 기획을 했었다. 레이아웃을 휴대폰 레이아웃에 고정시키고 , 일정 범위 이상 화면이 크게되면 , 레이아웃이 더이상 늘어 devnm.tistory.com 전편을 안보고 오신분들은 전편을 보고오시라. 우선 이글을 통해 얻어갈 수 있는 것들을 알려주겠다. 전역 history 객체를 이용해 history.listen 이벤트를 설정하는 방법 이벤트를 통한 redux에 pathname 을 저장해 , 이전 패스와 비교하는 방법 저장된 pathname을 통해 바뀐값을 비교하여, 애니메이션 방향을 결정하는 방법 TransitonGroup 의 childFactory 속성을 이용해서 classNa..