FAQ html 템플릿

개요

FAQ를 워드나 엑셀이 아니고, html로 만들고자 합니다. 

문서를 보기 위해서는 인터넷이 되어야 한다는 단점은 있지만, 추가 프로그램(워드, 엑셀)의 설치가 필요없고 웹브라우져만 있으면 볼수 있다는 장점이 있습니다. 그리고 반응형 웹페이지로 만들면 워드나 엑셀에서는 구현하기 어려운 효과들도 넣을 수 있습니다.

필수 조건

• 카테고리 구분이 되어야 한다.
• FAQ 본문은 추가/수정을 쉽게 하기 위해 json 구조로 관리되어야 한다.
• 답변 데이터는 markdown 문법을 지원해야 한다.
• html 파일 하나로 내용을 볼 수 있어야 한다.(jquery, Bootstrap등은 CDN사용)

사용한 Library

• FAQ 탬플릿 중에 깔끔하다고 판단되는 Bootstrap FAQ를 사용했습니다.
• markdown 파서는 gfm 지원하는 것 중 사용이 편해 보이는 marked를 사용했습니다.

구현

• 소스 코드는 정말 간단하므로, 첨부 문서로 대신합니다.

참고 URL

• http://www.prepbootstrap.com/bootstrap-template/faq-example
• https://github.com/chjj/marked

FAQ.html