newtype
::: newtype의 지식창고 :::
newtype
전체 방문자
608,034
오늘
2
어제
41
  • 분류 전체보기 (391)
    • it (213)
      • c (43)
      • VB (5)
      • csharp (2)
      • java (2)
      • etc (32)
      • www (49)
      • emb (25)
      • win (4)
      • db (20)
      • sqlce (7)
      • devOps (8)
      • gmap (6)
      • python (2)
      • cygwin (2)
      • go (5)
      • ruby (1)
    • 명언 (10)
    • 모임 (18)
      • 붕주회 (3)
      • 신흥컴정 (14)
      • 웹20기 (1)
    • 사진 (8)
    • 불펌 (29)
    • 막글 (98)
    • 게임 (6)
    • 여행 (8)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • 관리

공지사항

  • whoami
06-08 05:50
hELLO · Designed By 정상우.
newtype

::: newtype의 지식창고 :::

it/www

FAQ html 템플릿

2015. 8. 28. 14:19

개요

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

반응형
저작자표시
    'it/www' 카테고리의 다른 글
    • Nginx SSL 설정
    • Code Finder
    • 카카오톡 그룹 채팅방 통계
    • Web Notepad
    FAQ, JavaScript, Markdown
    newtype
    newtype
    지극히 개인적인 지식의 창고
    댓글쓰기
    다음 글
    Code Finder
    카카오톡 그룹 채팅방 통계
    이전 글
    카카오톡 그룹 채팅방 통계

    티스토리툴바