Flex Layout

Resizable split panels + Drag & Drop dynamic splits for React. 시작 문서부터 빠르게 읽고, 이후 가이드는 순차적으로 확장해 나갈 수 있도록 구성했습니다.

Flex Layout을 처음 사용할 때 필요한 핵심 문서를 빠르게 훑고 바로 예제를 실행해볼 수 있습니다.

Sticky, Open/Close, DragBox, Dynamic Split View와 v1.0.0의 Next.js URL 기반 Split Screen까지 실전 사용 흐름을 정리합니다.

Flex Layout을 처음 사용할 때 필요한 핵심 문서를 빠르게 훑고 바로 예제를 실행해볼 수 있습니다.

Flex Layout이 무엇인지, 어떤 문제를 해결하는지, 어떤 방향으로 설계되었는지 살펴봅니다.

설치 방법, 의존성, Next.js(App Router) 환경에서의 주의사항을 정리합니다.

Sticky, Open/Close, DragBox, Dynamic Split View와 v1.0.0의 Next.js URL 기반 Split Screen까지 실전 사용 흐름을 정리합니다.

실제 사용 흐름별로 flex-layout의 조합 방식을 정리합니다.

URL만으로 Next.js page.tsx를 서버 렌더링해 FlexLayoutSplitScreen pane으로 드롭합니다.