# SplitPanel

0709

split two children 사내에서 두 컴포넌트를 서로 resizable 할 수 있는 기능을 구현한 적이 있습니다. 당시 React 사용 초창기였기 때문에 어렵게 구현은 했지만 몇 가지 한계점이 있었습니다. > * children이 2개일 때 한정 방향은 row 방향 한정 주어진 기능을 구현은 했지만 확장성이나 사용성이 거의 없음을 알 수 있습니다. 당시 경험을 떠올리며 현재 개발하려는 convi split panel의 목표를 설정했습니다. > * multi children props로 방향 설정 min/max size 설정 initial size 설정 resizer 만약 split할 컴포넌트가 3개가 있다면 resizer는 2개가 필요합니다. 그럼 다음과 같은 공식이 성립합니다. ![](https://velog.velcdn.com/images/0709/post/24f16a3a-d1b1-40ea-901d-15c85687a5f4/image.png