Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Service-basecamp 프로젝트에 default/theme/assan/components 하위에 컴포넌트 폴더를 생성하고 파일을 추가합니다.

추가한 파일에 컴포넌트에서 사용할 UI 를 개발합니다.

1.3. CORE에 컴포넌트 데이터 추가

Editor의 컴포넌트 메뉴에 보여지도록 하기 위해서 Core 프로젝트에 /src/main/resources/schema/core/builder/component 하위에 "serviceComponentData.json"에 추가할 컴포넌트 데이터를 넣습니다.

...

서비스 페이지에 추가된 컴포넌트를 추가합니다.

다음과 같이 추가된 컴포넌트가 표시됩니다.

Image RemovedImage Added

2. 컴포넌트 데이터 적용


3. 컴포넌트 옵션 추가

Editor에서 컴포넌트에 옵션을 설정할 수 있도록 하려면 우선 UI에 props로 옵션항목을 정의하여 개발합니다.

그리고, Core에 props들을 저장할 수 있는 NodeType을 생성하고, 컴포넌트 데이터에 componentPropsClass에 tid를 적어줍니다.