PROJECT (1) 썸네일형 리스트형 [B2E] Tree Component 메뉴 트리 구조에서 Divider 컴포넌트를 사용하여 퍼블리싱 작업을 하였는데 생각보다 까다로웠어서 다음에 비슷한 Tree구조의 작업을 할 때 참고하면 좋을 것 같다.까다로웠던 부분은,Divider가 Horizontal 인 경우 Divder 간의 간격과 각 트리 depth별 간격 체크Divider가 Vertical 인 경우 세로 Divider이기 때문에 각 menu item의 최소 높이(3.7rem)를 넘는 간격이 있으면 Vertical Divider가 끊겨 보이는 현상으로 인하여 Vertical일 경우의 예외처리이렇게 였다. (해당 프로젝트는 1rem === 10px로 font-size 처리를 해두었다.)html.body { font-size: 62.5%; line-height: 1.5;}.. 이전 1 다음
