프론트엔드
페이지 주소가 바뀌어도 자연스럽게 이어지는 애니메이션 만들기
두줄요약
GatsbyJS의 History API와 Link를 활용해 페이지 전환 중 실행 컨텍스트를 유지했습니다.\nreact-transition-group과 전역 Layout으로 진입·퇴장 애니메이션을 구현했습니다.
GatsbyJS의 History API와 Link를 활용해 페이지 전환 중 실행 컨텍스트를 유지했습니다.\nreact-transition-group과 전역 Layout으로 진입·퇴장 애니메이션을 구현했습니다.
#React 주제를 다룬 다른 회사 글
View Transitions API로 React 상태 변경 전후 화면을 캡처해 복잡한 화면 전환을 단순화했습니다. 가상 요소와 CSS·Web Animations API로 요소별 슬라이드와 썸네일 이동 효과를 구현했습니다.
