차례

1. 소개
   
   1. 미리보기
   2. 특징
   3. 제작자 소개 및 사용권
2. 설치
   
   1. 설치 조건
   2. 설치하기
   3. 설정 매만지기
3. 사용
   
1. 모양 별 설명
2. 특수 검색어 기능
3. 기타 특수 기능
4. 개조
   
   1. 수정시 주의사항
   2. 구조 설명
   3. 사용자 정의 색상
5. 기타
   
   1. 새 판 알림 신청하기
   2. 질문, 오류 제보 및 건의
   3. 도움 주신 분들

1. 소개

1. 미리보기

click해서 새창으로 보세요!

• 일기장 : 게시판을 일기장 형식으로 사용할 수 있으며, 별도의 목록이 제공됩니다.
• 방명록 : 목록에서 내용을 보고 글과 댓글을 바로 남길 수 있습니다.
• 게시판 : 일반 XE 게시판의 기능은 모두 담은 채 깔끔한 멋을 살렸습니다.
• 즐겨찾기 : 자주 가는 site들을 모아 놓을 수 있는 즐겨찾기용 형식입니다.
• 사진첩 : 사진 자동 출력 기능이 들어가 사진첩 꾸미기가 더욱 쉬워졌습니다.

2. 특징

• 종전의 XE 게시판들과는 색다른 깔끔한 꾸밈새
  : 기존 틀을 탈피, 불필요한 군더더기를 모두 없애다
• 독자 개발된 게시판 형식
  : 일기장, 방명록, 게시판, 즐겨찾기, 사진첩
• 상대 크기 설계
  : 게시판 전체에 글자 크기에 비례하는 em 단위 적용
  게시판 크기를 마음데로 늘렸다 줄였다 할 수 있다.
• 바로 수정 기능
  : 게시글, 댓글들을 별도의 창으로 이동 없이 바로 수정, 삭제 가능!
• 댓글 편집기 사용 여부 선택 가능
  : 댓글의 경우 입력 방식을 편집기에서 글상자로 대체하여, 
  깔끔한 꾸밈새를 유지함과 동시에 글상자 자동 높이 조절 기능으로 편의성 향상
• 그 외 다양한 부가기능
  : 나이, 등급, 추천 별 정보 열람 제한, 확장 변수로 정렬, '제목 없음' 기능, 글상자 크기 자동 조절 등
• Web 표준 및 접근성 준수
  : W3C XHTML 유효성 검사 통과, W3C Web 접근성 지침(WCAG) 준수
• 최신 browser 완벽 지원 (구식 browser들도 전 기능 지원)
  : Safari 4, Chrome 4, Firefox 3.6, Opera 10, Internet Explorer 8

3. 제작자 소개 및 사용권

1. 제작자는..

아 자기소개가 제일 귀찮아

2. 사용권 안내

'조용한' 게시판과 포함된 모든 자료는 2010년 3월까지는 ccl by-nc-nd 2.0 사용권이, 이후 2010년 4월부터는 gpl3 사용권이 적용됩니다.

2. 설치

1. 설치 조건

설치 전 아래 조건이 만족되어야 '조용한' 게시판을 문제 없이 사용할 수 있습니다. 설치된 판이 낮을 경우 댓글 작성과 검색 등의 기능이 원활히 동작하지 않을 수 있습니다.

• XE - 1.4.0판 이상
• 게시판 module - 0.2판 이상

2. 설치하기

1. XE 쉬운 설치 사용하기

1. XE 관리자 → 시스템 관리 → 쉬운 설치로 들어갑니다.
   
2. Update 후 왼쪽 검색창에 '조용한'으로 검색하여 조용한 게시판을 찾습니다.
   
3. 조용한 게시판 최신판 옆에 있는 '설치' 혹은 '업데이트'를 누릅니다.
   
4. XE 관리자 → 서비스 관리 → 게시판 → 해당 게시판 설정 → 스킨을
   '조용한' 모음: 게시판으로 설정합니다.
   

2. 수동으로 설치하기

1. '조용한' 게시판을 내려받아 압축을 해제합니다.
   ('조용한' 모음 : 게시판 2.3판 내려받기)
   
2. 압축을 풀고 quiet_board 폴더 안에 skin.xml 파일이 잘 들어있는지 확인합니다.
   
3. 사용하는 FTP 프로그램으로 ./modules/board/skins/ 폴더에
   quiet_board 폴더를 전송합니다.
   
4. XE 관리자 → 서비스 관리 → 게시판 → 해당 게시판 설정 → 스킨을 
   '조용한' 모음: 게시판으로 설정합니다.
   

3. 설정 매만지기

1. 게시판 크기 조절

'조용한' 게시판은 게시판 글씨 크기에 따라 자동으로 조절되는 상대 크기 단위로 설계되어, 처음 게시판을 설치할 경우 크기가 지정되지 않아 지나치게 크게 나올 수 있습니다. 따라서 설치 후 게시판 설정 → 추가 설정 → 문서 폰트 크기에서 적절한 크기를 넣으시면 게시판이 알맞은 크기로 조정됩니다.

2. 댓글 입력창 기본 높이 조절

게시판 설정 → 추가 설정 → 에디터 높이에서 기본적으로 표시되는 댓글 입력창의 크기를 조정할 수 있습니다.

3. 방명록에서 게시글 옆에 사진 표시하도록 하기

게시판 설정 → 스킨 설정 → 게시글 설정 → 글쓴이 서명 표시를 활성화하면 방명록 게시글의 왼쪽에 회원의 사진이 표시됩니다.

3. 사용

1. 모양 별 설명

1. 일기장

• 소개 :
  날짜가 크게 나오는 게시글 보기 화면과 게시글 목록 화면이 따로 존재하는 '일기장' 모양의 게시판입니다. 기본 접속시 목록 중 가장 상위 글이 표시되며, 목록(list) 단추로는 목록 화면으로, 이전·다음(prev·next) 단추로는 이전·다음 게시글로 이동할 수 있습니다.
• 중요 설정 :
  
  • 게시판 설정 → 게시판 정보 → 목록 수
     : 일기장 한 쪽에 나올 게시글의 수
  • 게시판 설정 → 게시판 정보 → 검색 목록 수
     : 목록 화면에 나올 게시글의 수

2. 방명록

• 소개 :
  목록 어디에서나 글을 쓸 수 있고, 목록에 글 내용이 바로 표시되는 '방명록' 모양의 게시판입니다. 목록 맨 위에서 언제나 글을 등록할 수 있고, 방명록 글에 달린 댓글(reply) 단추를 눌러 해당 글에 댓글을 달 수 있으며, 수정(edit) 및 삭제(delete)를 눌러 게시글을 삭제할 수 있습니다.
• 중요 설정 :
  
  • 스킨 설정 → 게시글 설정 → 글쓴이 서명 표시
     : 방명록 게시글 옆에 회원 사진을 표시

3. 게시판

• 소개 : 기본 게시판 모양입니다. XE 기본 게시판의 기능은 그대로 유지하면서 깔끔한 모양새를 살렸습니다.

4. 즐겨찾기

• 소개 : 
  자주 가는 site들을 등록해놓을 수 있는 '즐겨찾기' 모양의 기능형 게시판입니다. 목록 제일 위의 + 단추를 눌러 게시글을 등록할 수 있으며, 게시글 제목을 site 이름으로, 게시글 내용을 설명으로, 확장변수 url을 주소로 입력받습니다. 이후 목록에서 제목을 누르면 바로 새 창으로 입력한 주소가 열리게 됩니다. 목록에서 바로 작성·수정·삭제가 가능합니다.
• 중요 설정 :
  
  • 게시판 설정 → 확장 변수에 'url'이라는 이름의 확장 변수 등록
  • 스킨 설정 → '즐겨찾기' 모양 설정 → 내용 글자수 제한
     : site 설명으로 활용되는 게시글 내용이 너무 길어서 목록을 벗어나는 현상이 없게끔, 글자수를 확인하여 너무 길면 잘라냅니다.

5. 사진첩

• 소개 :
  사진 중심으로 목록이 생성되는 '사진첩' 모양의 게시판입니다. 첨부 사진 자동 표시를 설정할 수 있어 게시글에 첨부된 첫번째 사진을 자동으로 본문에 출력합니다.
• 중요 설정 :
  
  • 스킨 설정 → 목록 설정 → 사진 너비·높이
     : 목록에 표시될 작은 사진의 크기
  • 스킨 설정 → 사진첩 모양 설정 → 줄당 사진 수
     : 목록 한 줄에 표시될 사진의 수
  • 스킨 설정 → 사진첩 모양 설정 → 첨부된 사진 표시
     : 게시글에 첨부된 첫번째 사진을 자동으로 본문 위에 출력

2. 특수 검색어 기능

'조용한' 게시판의 검색창에 아래 단어들로 검색하시면 개별 특수 창으로 이동합니다.

• :정보 : 게시판 정보 표시
• :도움말 : 특수 검색어 기능 도움말 표시
• :설정 : 게시판 설정으로 이동 (관리자)
• 검색어 : 해당 검색어로 검색
• 검색대상:검색어 : 해당 검색어로 검색 대상을 검색 (검색 대상 : 이름, 닉네임 등)
• :언어 : 해당 언어로 변경 (ko, en 등)

3. 기타 특수 기능

1. 쉬운 댓글(방명록) 입력

• 깔끔한 모양새를 유지하기 위해, 댓글과 방명록 글 작성시 나오는 편집기 대신 단순 글상자를 사용할 수 있습니다.
• 사용방법 : 스킨 설정 → 댓글 설정 → 입력 방법을 '글상자'로 선택

2. 확장 변수로 게시글 정렬

• 확장 변수 값으로 게시글을 정렬시킬 수 있습니다.
• 사용 방법 : 
  
  1. 스킨 설정 → 목록 설정 → 확장 변수로 정렬하기를 '사용'으로 선택
  2. 게시판 설정 → 확장 변수에서 정렬의 기준이 될 확장 변수의 이름을 'sortkey'로 변경

3. 나이, 등급에 따라 정보 제한

• 글 작성시 글을 읽는 회원의 나이, 등급에 따라 정보를 제한할 수 있습니다.
• 사용 방법 :
  
  1. 스킨 설정 → 게시글 설정 → 정보 열람 제한 (나이, 등급)을 '사용'으로 선택
     
  2. 게시판 설정 → 확장 변수에서 아래와 같이 확장 변수 생성
     
     • 확장변수 이름 : (나이 제한은 grant_age, 등급 제한은 grant_level)
     • 입력항목 이름 : (아무거나)
     • 필수 항목 : (체크 해제)
     • 형식 : 단일 선택 (select)
     • 기본 값 : (숫자와 쉼표만으로, 7세 12세 19세의 경우는 7,12,19가 되도록)

4. 추천 전 정보 제한

• 게시글을 추천·비추천하지 않는 회원에게 정보를 제한할 수 있습니다.
• 사용 방법 : 스킨 설정 → 게시글 설정 → 정보 열람 제한 (추천)을 '사용'으로 선택

4. 개조

1. 수정시 주의사항

효율적인 개발을 위해 더이상 개인 수정 요청을 받지 않고 있으며, 직접 수정시 발생하는 문제에 대해 책임지지 않습니다. 또한 수정본에서 문제가 발생한 경우, 질문 및 오류 제보시에 어디를 수정한 판인지 기재하셔야 원활한 확인이 가능합니다.

또한 사용자 색상을 제외한 부분을 수정할 경우, 판올림시 파일이 덮어씌워지기 때문에 수정 사항들이 초기화될 수 있으니 주의 바랍니다.

2. 구조 설명

1. 폴더·파일 별 설명

• /filter
  
  • comment.delete.xml : 댓글을 게시글에서 바로 삭제
  • document.delete.xml : 게시글을 목록에서 바로 삭제
  • document.write.xml : 게시글을 목록에서 바로 작성
  • link.write.xml : '즐겨찾기'에서 본문을 입력하지 않아도 작성 가능
  • password.input.xml : 비밀번호 입력
  • trackback.delete.xml : 엮인글을 게시글에서 바로 삭제
• /html
  
  • _about.html : ':정보'로 검색할시 나오는 게시판 정보 창
  • _category.html : 목록의 분류 표시 부분
  • _comment.html : 게시글 화면의 댓글 목록
  • _comment.view.html : 댓글 본문
  • _comment.write.html : 댓글 작성 화면
  • _config.html : 목록 왼쪽 아랫부분의 글쓰기와 게시글 관리 단추
  • _control.tml : 게시글의 위·아래에 표시되는 줄과 단추들
  • _extrakey.html : 게시글 작성시 확장 변수 부분
  • _extravar.html : 게시글의 확장 변수 부분
  • _foot.html : 모든 파일의 하단에 출력
  • _head.html : 모든 파일의 상단에 출력
  • _help.html : ':도움말'로 검색할시 나오는 특수 검색어 도움말 창
  • _list.html : 사진첩과 방명록을 제외한 모든 모양의 목록 화면
  • _notice.html : 일기장과 방명록 형식의 공지사항 본문
  • _page.html : 목록 하단 쪽수 출력 부분
  • _pass.html : 비밀번호 입력 창
  • _pic.html : 방명록 및 댓글에 사진 출력 부분
  • _search.html : 검색창 부분
  • _tags.html : 목록 하단의 꼬리표 목록
  • _trackback.html : 엮인글 목록
  • _uploaded.html : 첨부 파일 목록
  • _view.html : 일기장, 게시판, 사진첩 모양의 게시글 본문
  • _write.html : 일기장, 게시판, 사진첩 모양의 게시글 작성 화면
  • board.html : 게시판 모양의 틀
  • diary.html : 일기장 모양의 틀
  • guest.html : 방명록 모양의 틀
  • guest.view.html : 방명록 게시글 본문
  • guest.write.html : 방명록 게시글 작성 화면
  • link.html : 즐겨찾기 모양의 틀
  • link.write.html : 즐겨찾기 작성 화면
  • photo.html : 사진첩 모양의 틀과 목록
• /images
  
  • clear.gif, dusk.gif, gray.gif, pink.gif, sky.gif, user.gif
    : colorset 별 미리보기
  • icon.png : 정보 창에서 제작자 앞에 붙는 그림
  • iconset.gimp.xcf : icon들의 원본, GIMP 그림 편집기용
  • notice.gif : '살가운' 태도에서 공지사항 표시용 그림
  • secret.gif : '살가운' 태도에서 비밀글 표시용 그림
• /javascript
  
  • autoresize.js : 글상자 크기 자동 조절
  • quiet_board.js : 게시판의 모든 Javascript 함수를 포함
• /mode
  
  • chic.html : 'chic' 태도용 문자 꾸러미
  • friendly.html : '살가운' 태도용 문자 꾸러미
• /queries
  
  • getDocumentCategoryPage.xml : 분류 사용시 게시글 열람 후 아래의 목록에 분류에 따른 쪽수가 제대로 표시되도록
• /stylesheet
  
  • board.css, diary.css, guest.css, link.css, photo.css
    : 게시판 모양별로 불러들이는 맵시
  • clear.css, dusk.css, gray.css, pink.css, sky.css
    : colorset별로 불러들이는 맵시
  • common.css : 모든 창에서 공통으로 불러들이는 맵시
  • override.css : 새 창 비밀번호용 맵시
• input_password_form.html : 비밀번호 입력 창
• list.html : 게시판의 목록과 게시글 보기를 총괄하는 파일. 게시판 모양에 맞는 파일을 html 폴더에서 불러온다.
• message.html : 오류시 경고문 창
• skin.xml : 게시판의 정보 및 설정을 담고 있는 파일
• write_form.html : 게시글 쓰기 창, html 폴더에서 _write.html 폴더를 불러온다.

3. 사용자 정의 색상 만들기

'조용한' 게시판에서는 사용자가 직접 색상(colorset)을 만들어 꾸밀 수 있습니다.

1. stylesheet 폴더의 clear.css(곧은회색), dusk.css(어둑새벽), gray.css(흐린안개), pink.css(가을살구), sky.css(시린하늘) 파일들 중 자신이 생각하는 모양과 가장 비슷한 파일을 복사합니다.
2. 복사한 파일의 이름을 user.css로 바꾸고, '메모장'등의 편집기로 불러들입니다.
3. 본문 사이사이에 있는 설명에 따라 원하는 부분의 색상/글꼴을 수정합니다.
   
   • 색상의 경우 원하는 색의 16진수 색상값이 필요합니다. (#000000과 같이)
   • 글꼴의 경우 목록 중 가장 앞에 있는 글꼴로 우선 표시되며, 사용자에게 해당 글꼴이 없을 경우 다음 글꼴로 넘어가게 됩니다.
   • 한글 글꼴의 경우 글꼴 이름을 따옴표 안에 넣어야 합니다. ('나눔고딕'과 같이)
4. FTP로 만든 user.css 파일을 올리고, 스킨 설정에서 색상(colorset)을 '사용자 정의'로 수정하면 완료!

5. 기타

1. 새 판 알림 신청하기

아래 공간에 e-mail을 적어주시면 새 판이 배포될 때마다 알림을 받을 수 있습니다.

• 새 판 알림 신청하러 가기

2. 질문, 오류 제보 및 건의

원할한 관리를 위하여, 질문, 오류 제보 및 건의는 아래 공간에서 부탁드립니다.

• 질문
• 오류 제보 및 건의

의견 작성시 사용하시는 browser과 문제가 일어나는 주소 등을 함께 첨부해주시면 빠른 확인에 도움이 됩니다.

3. 도움 주신 분들

• James Padolsey jQuery autoResize 
• pjarvis twotiny icons 
• 엘카 testing 
• 뮤랑이 testing 
• allexiel testing 
• InDesign testing 
• 김성신 testing 
• HyunJong Jung testing 
• 라이프인사이드 testing