BBCode의 사용법

국내에서 만든 게시판도 마찬가지이지만 사용자가 글을 쓸 때 HTML 태그를 사용할 수 있도록 하는 를 허용하는 것은 상당히 위험한 일이다. 특히 IMG 코드나 TABLE 태그는 악용의 소지도 많다. 한 예로 다음과 같은 코드를 생각해 보자.

IMG 태그의 악용예 <IMG SRC='' width="1000000000000000" height="1000000000000000">

SRC가 무엇이 되던간에 이런 코드를 하나 삽입하면 사이트 전체를 흰색 화면으로 채우는 것도 가능해진다.

이처럼 글을 쓸 때 HTML 코드를 사용할 수 있도록 하면 잠재적인 위험이 많다. 그래서 등장한 것이 바로 BBCode다. BBCode는 사용자들이 HTML 코드를 입력할 수 있도록 하면서 이런 위험을 제거한 방법으로 외국의 포럼형 게시판에서 먼저 사용되었다.

BBCode는 사용하는 게시판 프로그램 마다 지원하는 태그가 약간씩 차이가 있지만 기본적으로 다음과 같은 코드를 지원한다. 또 [tg]태터툴즈[/tg] 댓글에서 BBCode를 입력할 수 있는 플러그인도 있다. 따라서 태터툴즈 댓글에서 BBCode를 사용하고 싶다면 이 플러그인을 사용하기 바란다.

[url] 태그
게시판에 글을 올릴 때 URL 링크를 만들기위해 사용한다. 사용하는 형식은 다음과 같다.

URL 사용예 [url=http://qaos.com/]OS의 모든 것[/url]
[url=http://qaos.com/][/url]
[url=www.qaos.com/]

대부분의 게시판은 URL을 적어주면 자동으로 링크가 만들어진다. 그러나 자동 링크는 프로그램이 만드는 것이므로 잘못 링크가 걸리는 때가 종종있다. 따라서 위의 예처럼 [url] 태그를 이용해서 직접 링크해 주는 것이 좋다. 마지막 예에서처럼 http://라는 프로토콜을 생략할 수 있다. 그러나 http://를 생략하려면 주소는 반드시 www로 시작해야 한다.

이 [url] 태그를 사용하면 자동으로 URL 링크가 만들어 진다. 또한 사용자가 링크를 클릭하면 새창으로 열린다. 한가지 주의할 것은 URL 태그 내에서 따옴표를 사용해서는 않된다.

[email] 태그
글을 올릴 때 전자우편 링크를 만들기 위해 사용한다. 사용하는 형식은 다음과 같다.

EMAIL 사용예 [email]artech@qaos.com[/email]

[b], [i] 태그
글씨를 장식할 때 사용하는 태그이다. 다른 태그와 마찬가지로 여는 태그와 닫는 태그가 존재한다.

EMAIL 사용예 안녕하세요. [b]artech[/b]
안녕하세요. [i]bomnuri[/i]님

[list], [*] 태그
목록을 만들기 위해 [list] 태그를 사용할 수 있으며 [list] 태그의 옵션에 따라 순차 목록(숫자)과 비순차 목록을 만들 수 있다.

비순차 목록의 예와 결과 :
[list]
[*] 첫번째
[*] 두번째
[/list]

결과:

  • 첫번째
  • 두번째

순차 목록을 만들려면 [list] 태그에 옵션을 지정하면된다. 예를들어 문자로 시작하는 순차 목록은 [list=A]를 지정한다. 숫자로 시작하는 순차 목록은 [list=1]을 사용하면된다.

순차 목록의 예와 결과 :
[list=A]
[*] 첫번째
[*] 두번째
[/list]

결과:

  1. 첫번째
  2. 두번째

[img] 태그
작성하는 글에 이미지를 추가할 때 사용한다. 태그와 태그 사이에 이미지의 URL을 두면된다.

IMG 사용예 [img]http://qaos.com/images/logo.png[/img]

한 가지 주의할 것은 URL을 입력할 때 http://는 반드시 입력해야 한다. [img] 태그는 일부 게시판에서는 광고를 막기위해 지원하지 않을 수 있다.

[quote] 태그
다른 사람이 올린 글을 인용할 때 사용한다. 일부 게시판에서는 다중 인용이 가능할 수도 있다.

QUOTE 사용예 [QUOTE]이 글은 남이 쓴 글입니다.
조금 두서가 없었도 애교(?)로 봐주시길...[/QUOTE]

일반적으로 인용된 글은 자동으로 들여쓰여진다.

[code] 태그
[quote]와 비슷하지만 공백 문자를 처리하는 방법이 다르다. [code] 태그는 HTML에서 PRE 태그처럼 공백 문자를 있는 그대로 처리한다. 따라서 프로그램 소스처럼 미리 만들어진 문서를 인용하는데 사용된다.

CODE 사용예 [CODE]#!/usr/bin/perl
print "Content-type: text/html\n\n";
print "Hello World!";
[/CODE]

잘못된 BBCode 사용예:
  • [url] http://qaos.com/ [/url]
    태그와 태그 사이에 공백이 있어서는 안된다.
  • [email]artech (at) qaos (dot) com[email]
    종료 태그는 반드시 슬래쉬(/)로 시작해야 한다.

[oni] 태그
[oni001]처럼 [oni]태그에 그림의 숫자를 붙인다. 비공식 BBCode이며 [oni001 align='left']처럼 그림의 정렬을 지정할 수 있다. 그림의 번호는 그림에 마우스를 올려 두면 나타난다.
사용할 수 있는 아이콘

주의 사항 HTML 코드와 BBCode는 함께 사용할 수 없으며, BBCode는 일반적으로 대소문자를 구분하지 않는다. 따라서 [URL]이나 [url]는 같은 태그이다.

세상사는 이야기

  • 오타도 즐거운 안드로 >
  • 최고의 OCR 어플, Text >
  • 누구나 할 수 있는 순 >
  • 듀오백 컨텐츠 허브, >
  • 초딩도 할 수 있는 아 >
  • 듀오백 2.0, 최적의 등 >
  • 의자이기를 포기(?)한 >
  • 야후의 꼴통 짓과 플리 >
  • 책을 테이크 아웃? 크 >
  • 전자책(크레마 터치), >


  • RSS 구독 (익명 | 회원 | 강좌 | 포럼)
    (C) 1996 ~ 2014 QAOS.com All rights reserved.