🗺️
사이트 전체
모든 페이지를 하나의 지도에 모아 큰 웹사이트의 구조도 한눈에 이해할 수 있습니다.
페이지가 늘어날수록 탐색 흐름을 파악하기 어려워집니다. PageFlow는 모든 페이지와 연결 경로를 하나의 명확한 캔버스에 펼쳐 보여 줍니다.
앱이 커지면 누구도 전체를 한곳에서 보기 어렵습니다. 개발자는 라우트 파일을 읽고, 디자이너는 시안을 확인하며, 테스터는 테스트 케이스를 따라갑니다. 각자 머릿속에 흐름의 일부만 담고 있어 이런 관점은 빠르게 어긋납니다.
PageFlow는 실행 중인 앱을 읽어 실제 페이지와 링크를 함께 배치합니다. 하나의 화면에서 무엇이 존재하고, 사용자가 어디로 이동할 수 있으며, 어떤 페이지에 테스트가 있는지 파악할 수 있습니다.
pnpm add -D unplugin-pageflow개발 설정에 PageFlow를 추가하고 애플리케이션을 시작한 다음 플러그인이 출력한 URL을 여세요.