BBCode 문서 원본 보기

'''BBCode''' 또는 '''불리틴 보드 코드'''(Bulletin Board Code, [[전자 게시판]] 부호)는 [[전자 게시판]]에 글을 작성하는데 쓰이는 [[가벼운 마크업 언어]]이다.
BBCode는 [[HTML]]과 거의 같은 역할을 하며 이들의 문법도 유사하다. 다만, BBCode는 [[대괄호]]를 사용하여 태그를 나타낸다.

== 역사 ==
BBCode는 1998년 Ultimate Bulletin Board(UBB)라는 [[전자 게시판]] 프로그램에 처음 도입되었다. 그래서 BBCode를 UBBCode라고 부르기도 한다.

== 목적 ==
많은 [[전자 게시판]] 프로그램이 사용자에게 [[HTML]]로 글을 작성하게 하고 있다. 이는 [[HTML]]의 특성상의 한계로 인해 [[사이트 간 스크립팅|XSS]] 등의 보안 문제가 생기게 한다. 또 [[HTML]]의 문법이 난해하기 때문에 [[HTML]]을 처리하는 프로그램을 만들기 쉽지 않다. 이에 [[HTML]]과 유사하지만 [[HTML]]의 단점을 해결한 BBCode를 도입하여 [[HTML]]을 대체함으로써 이 문제를 해결하였다.

== BBCode 태그 ==
다음은 기본적으로 사용되는 BBCode 태그들의 목록이다. 이 태그들은 [[전자 게시판]]마다 조금씩 다를 수 있다.

{| class="wikitable"
| style="text-align: center" | '''BBCode'''
| style="text-align: center" | '''HTML'''
| style="text-align: center" | '''효과'''
|- 
| <code><nowiki>[b]굵은 글씨[/b]</nowiki></code>
| <code><nowiki><b>굵은 글씨</b></nowiki></code>
| '''굵은 글씨'''
|- 
| <code><nowiki>[i]기울임 글씨[/i]</nowiki></code>
| <code><nowiki><i>기울임 글씨</i></nowiki></code>
| ''기울임 글씨''
|- 
| <code><nowiki>[u]밑줄 글씨[/u]</nowiki></code>
| <code><nowiki><u>밑줄 글씨</u></nowiki></code>
| <span style="text-decoration:underline;">밑줄 글씨</span>
|- 
| <code><nowiki>[s]가로줄 글씨[/s]</nowiki></code>
| <code><nowiki><s>가로줄 글씨</s></nowiki></code>
| <s>가로줄 글씨</s>
|-
| <code><nowiki>[url]https://ko.wikipedia.org[/url]</nowiki></code>
|align="left"| <code><nowiki><a href="https://ko.wikipedia.org">https://ko.wikipedia.org</a></nowiki></code>
| <span class="plainlinks">[https://ko.wikipedia.org https://ko.wikipedia.org]</span>
|- 
| <code><nowiki>[url=https://ko.wikipedia.org]위키백과[/url]</nowiki></code>
| <code><nowiki><a href="https://ko.wikipedia.org">위키백과</a></nowiki></code>
| <span class="plainlinks">[https://ko.wikipedia.org 위키백과]</span>
|- 
| <code><nowiki>[img]http://exmple.com/Go-home.svg.png[/img]</nowiki></code>
| <code><nowiki><img src="http://exmple.com/Go-home.svg.png" alt="" /></nowiki></code>
| [[파일:Go-home.svg]]
|- 
| <code><nowiki>[quote]인용 텍스트[/quote]</nowiki></code>
| <code><nowiki><blockquote><p>인용 텍스트</p></blockquote></nowiki></code><br />
| To quote:<blockquote><p>인용 텍스트</p></blockquote><ref>일반적으로 이것보다 더욱 좋게 보인다.</ref>
|- 
| <code><nowiki>[code]코드 텍스트[/code]</nowiki></code>
| <code><nowiki><pre>코드 텍스트</pre></nowiki></code>
| <code>코드 텍스트</code>
|-
| <code><nowiki>[size=15]큰 글씨[/size]</nowiki></code><ref>size의 단위는 전자 게시판 프로그램마다 다를 수 있다.</ref>
| <code><nowiki><span style="font-size:15px">큰 글씨</span></nowiki></code>
| <span style="font-size:xx-large;">큰 글씨</span>
|-
| <code><nowiki>[color=red]붉은 글씨[/color]</nowiki></code><br /><small>또는</small><br />
<code><nowiki>[color=#FF0000]붉은 글씨[/color]</nowiki></code><br /><small>또는</small><br />
<code><nowiki>[color=FF0000]붉은 글씨[/color]</nowiki></code><br /><ref>일반적으로 HTML 색상명과 #AABBCC 꼴이 모두 지원된다.</ref>
| <code><nowiki><span style="color:#FF0000;">붉은 글씨</span></nowiki></code>
|<span style="color:#FF0000;">붉은 글씨</span>
|-
| <code><nowiki>
[list]
[*]목록 1
[*]목록 2
[/list]
</nowiki></code>
| <code><nowiki>
<ul><li>목록 1</li><li>목록 2</li></ul>
</nowiki></code>
|
* 목록 1
* 목록 2
|- 
| <code><nowiki>

[table]

  [tr]

  [td]테이블 데이터[/td]

  [/tr]

[/table]

</nowiki></code><ref>거의 사용되지 않음</ref>
| <code><nowiki><table><tr><td>테이블 데이터</td></tr></table></nowiki></code>
|
{| class="wikitable" border="1"
| | 테이블 데이터
|}
|}

어떤 [[전자 게시판]]은 추가적인 태그들을 지원하기도 한다.

대부분의 [[전자 게시판]]은 BBCode 사용법에 관한 도움말을 사용자에게 보여준다. 또한 BBCode 태그를 직접 만들어 사용할 수 있는 기능을 제공하기도 한다.

== 같이 보기 ==
* [[전자 게시판]]
* [[마크업 언어]]
* [[가벼운 마크업 언어]]
* [[HTML]]
* [[마크다운]]
* [[XSS]]
* [[CSRF]]
* [[phpBB]]

== 각주 ==
{{각주}}

== 외부 링크 ==
* {{언어링크|en}} [http://www.bbcode.org/ BBCode.org]
* {{언어링크|en}} [https://uk49sresult.co.uk/lunchtime-results-for-today/ BBC] {{웹아카이브|url=https://web.archive.org/web/20210629133508/https://uk49sresult.co.uk/lunchtime-results-for-today/}}
{{위키데이터 속성 추적}}

[[분류:가벼운 마크업 언어]]