새로 쓰는 사용 설명서

레이아웃에서 컴포넌트를 일렬로 배치하고 그 사이에 divider요소를 추가하야 할 때, divider요소는 컴포넌트 사이 간격에서 영향을 주지 않아야 하는 경우 divider를 absolute를 사용하여 gap간격에 영향을 주지 않게 구성할 수 있다. import React from "react";type LayoutProps = { children?: React.ReactNode; className?: string; divider?: React.ReactNode;};const Layout = ({ children, className, divider }: LayoutProps) => { const childrenArrray = React.Children.toArray(children); cons..

디자인 시안 중 아래와 같이 각 요소 사이에 동일한 divider 요소가 들어가고 일정한 간격을 유지하는 시안이 있다.   가운데 원이 각 사각형 요소들을 나누는 divider요소가 된다. 해당 레이아웃을 구성하기 위해 Layout컴포넌트를 아래와 같이 먼저 구성을 해줬다. type LayoutProps = { children?: React.ReactNode; className?: string; divider?: React.ReactNode;};const Layout = ({ children, className }: LayoutProps) => { return {children};}; Layout 컴포넌트의 사용은 아래와 같이 구성할 수 있다. const TestBox = () => ;const ..

공통 라이브러리는 작업에 필요한 여러 기능들의 공통 요소들을 추상화한 라이브러리입니다. 앞으로 작업에 필요한 기능을들 분석하여 공통 요소들을 추상화할 예정입니다.