Integration Guide
JavaScript ES6+
Boardly는 모든 웹 환경에 즉시 도입 가능한 독립형 게시판 모듈입니다.
관리자(Manager)와 사용자(Board) 모듈을 각각 독립적으로 또는 함께 사용할 수 있습니다.
1. 라이브러리 추가
<!-- Boardly 스타일 및 스크립트 로드 -->
<script src="/js/boardly-manager-1.0.js?v=0f1935af"></script>
<script src="/js/boardly-board-1.0.js?v=0f1935af"></script>
2. 관리자 모드 초기화 (Admin)
const manager = new BoardlyManager({
containerSelector: '#manager-container', // 렌더링할 DOM 요소 ID
prefix: 'my_company_board', // 고유 식별자 (데이터 격리용)
styles: {
primaryColor: '#03C75A' // 브랜드 컬러 커스터마이징
}
});
3. 사용자 게시판 초기화 (User)
const board = new BoardlyBoard({
containerSelector: '#board-container', // 렌더링할 DOM 요소 ID
prefix: 'my_company_board' // 관리자와 동일한 prefix 사용
});
// 특정 게시판 ID로 화면 표시
board.showBoard('board_id_123');