텍스트 박스 생성기
평범한 유니코드 선 문자로 그려진 박스나 테두리로 아무 텍스트나 감싸보세요. 텍스트를 입력하거나 붙여넣고, 프레임 스타일과 정렬, 여백을 고른 뒤 결과를 복사하세요. 이미지가 아니라 평범한 텍스트라서, 박스를 댓글, README, 코드 블록, 터미널, 채팅에 그대로 붙여넣을 수 있고 — 입력한 내용은 브라우저 밖으로 나가지 않습니다.
정렬
여백
텍스트 박스 사용 방법
- 1
텍스트 입력 또는 붙여넣기
테두리로 감싸고 싶은 텍스트를 입력하세요. 한 줄이든 여러 줄이든 — 박스는 가장 긴 줄에 맞춰 커집니다.
- 2
박스 스타일 선택
붙여넣을 곳에 맞춰 실선, 둥근 모서리, 이중선, 굵은 선, ASCII, 점선, 별표, 블록 같은 프레임을 고르세요.
- 3
정렬과 여백 설정
박스 안에서 텍스트를 왼쪽, 가운데, 오른쪽으로 정렬하고, 글자 주위에 약간의 여유 공간이 생기도록 안쪽 여백을 더하세요.
- 4
복사해서 붙여넣기
박스로 감싼 텍스트가 아래에 바로 나타나요. 복사해서 댓글, README, 코드 블록, 터미널, 채팅에 넣으세요.
텍스트에 박스와 테두리를 그리는 것에 대하여
박스 그리기 문자란 무엇인가
그래픽이 등장하기 훨씬 전부터, 터미널은 바로 이 일을 위해 만들어진 특별한 유니코드 문자 묶음으로 표, 프레임, 메뉴를 그렸습니다: 모서리, 가로선과 세로선, 그리고 끊김 없이 이어지는 테두리로 맞물리는 연결점들이죠. 그 똑같은 문자들이 오늘날의 어떤 앱에서도 여전히 작동하기 때문에, 모서리가 잘 맞지 않는 줄표 행 대신 진짜 사각형으로 메모나 제목을 감쌀 수 있습니다.
각 글리프가 평범한 텍스트이기 때문에, 여기서 만든 박스는 이미지가 아닙니다. 다른 단어들처럼 복사해 붙여넣을 수 있고, 인용되거나 편집돼도 살아남으며, 텍스트를 읽는 무엇으로든 읽힙니다 — 그래서 박스로 감싼 텍스트가 README 파일, 명령줄 도구, 코드 주석 곳곳에 등장하는 것입니다.
유니코드 박스 그리기 블록 들여다보기
선 글리프는 Box Drawing 블록이라 불리는 유니코드의 전용 영역에서 옵니다. 텍스트 터미널 시대에 소프트웨어가 표와 창을 그릴 수 있도록 설계된 약 128개의 문자 묶음이죠. 여기에는 네 모서리, 가로선과 세로선, 그리고 T자 모양과 십자 모양 연결점이 가는 선, 굵은 선, 이중선 같은 여러 굵기로 들어 있습니다. 둥근 모서리 스타일에 부드러운 느낌을 주는 둥근 모서리도 같은 블록의 일부라서, 곡선이 직선과 깔끔하게 맞물리는 것입니다.
이 블록이 존재한다는 것을 알면 왜 여기 프레임들은 완벽하게 이어지는데 손으로 친 줄표와 더하기 테두리는 결코 그렇지 못한지 이해할 수 있습니다. 진짜 왼쪽 위 모서리 글리프는 진짜 가로선과 정확히 같은 높이에서 만나도록 만들어져 있어서, 사각형이 빈틈 없이 닫힙니다 — 키보드의 밑줄 키와 세로줄 키로는 약속할 수 없는 일이죠.
스타일과 배치 고르기
프레임 스타일은 분위기를 결정합니다. 실선과 둥근 모서리는 차분하고 단정해서 작은 메모에 어울리고, 이중선과 굵은 선은 더 눈길을 끌어 제목이나 경고에 좋습니다. ASCII는 붙여넣을 곳이 특수 문자를 지원하는지 확신할 수 없을 때 안전한 선택인데, 가장 기본적인 키만 쓰기 때문입니다. 별표와 블록은 장식적이라 채팅이나 배너에서 도드라집니다.
정렬과 여백은 글자가 프레임 안에 어떻게 자리 잡을지를 조절합니다. 가운데 정렬은 짧은 제목에 잘 어울리고, 왼쪽 정렬은 목록이나 문장에 자연스럽습니다. 여백을 1이나 2로 주면 텍스트가 테두리에 닿지 않도록 공간이 생기는데, 글자에 바짝 붙은 프레임보다 보통 더 읽기 좋습니다.
유니코드 테두리와 ASCII 대체 방식
여기에는 두 갈래의 프레임이 있고, 알맞은 것을 고르는 일은 대개 박스가 어디에 살게 될지에 달려 있습니다. 유니코드 스타일 — 실선, 둥근 모서리, 이중선, 굵은 선 — 은 또렷하고 끊김 없는 선을 그리며, 박스 그리기 블록을 온전히 지원하는 현대적인 앱에서 가장 멋지게 보입니다. 오늘날 그런 앱은 거의 어디에나 있죠. ASCII 스타일은 일부러 더 수수합니다. 더하기, 빼기, 세로줄 키만으로 프레임을 만드는데, 이 문자들은 모든 시스템이 처음부터 지원해 온 것들입니다.
목적지가 오래됐거나, 알 수 없거나, 문자에 까다로울 때 — 레거시 터미널, 설정 파일, 일반 텍스트 이메일, 순수 ASCII로 남아야 하는 코드 — ASCII에 손을 뻗으세요. 더하기 기호가 진짜 모서리 글리프 노릇을 하기 때문에 모서리가 조금 투박해 보이겠지만, 박스는 어디서나 똑같이 렌더링되는 것이 보장됩니다. 그 밖의 모든 경우에는 유니코드 스타일이 더 깔끔한 결과를 줍니다.
고정폭 글꼴이 중요한 이유, 그리고 예제로 보기
그려진 박스는 모든 문자가 같은 폭을 차지할 때에만 반듯한 사각형을 유지하는데, 이것이 바로 고정폭(모노스페이스) 글꼴의 본질적인 특성입니다. 그런 환경에서는 윗줄, 아랫줄, 양옆 세로줄이 모두 같은 칸 수로 측정되므로 사각형이 깔끔하게 닫힙니다. 이 도구에 Hello를 입력하고 실선 프레임과 여백 1을 주면, 모서리와 줄표로 이루어진 윗줄, │ Hello │라고 읽히는 가운뎃줄, 그리고 그에 맞는 아랫줄을 얻습니다 — 어떤 코드 글꼴에서든 가장자리가 완벽하게 정렬되는 세 줄이죠.
그 똑같은 박스를 가변폭 글꼴을 쓰는 채팅에 떨어뜨리면 환상은 깨집니다. i처럼 가느다란 글자가 m처럼 넓은 글자보다 자리를 덜 차지해 오른쪽 테두리가 들쭉날쭉해지기 때문이죠. 해결책은 박스 자체를 바꾸는 것이 아니라, 고정폭 글꼴이 지배하는 곳 — 코드 블록이나 터미널 — 에 박스를 두는 것입니다.
넓은 문자가 든 박스 정렬하기
대부분의 글자와 숫자는 한 칸을 차지하지만, 어떤 문자는 두 칸을 차지합니다. 이모지, 그리고 한자, 일본어, 한국어 텍스트는 터미널에서 두 칸 폭이라서, 도구는 그것을 한 문자로 셈하는데 화면은 두 칸에 걸쳐 그립니다. 그 결과, 바탕이 되는 텍스트는 사각형인데도 오른쪽 가장자리가 한 칸 어긋나 보이는 박스가 됩니다 — 셈은 맞지만 렌더링이 더 넓은 것이죠.
이는 그 문자 체계를 글꼴이 표시하는 방식의 특성이지, 박스의 결함이 아닙니다. 이모지나 CJK 텍스트를 두른 프레임이 한쪽으로 기울어 보인다면, 평범한 실선이나 ASCII 스타일이 그 차이를 가장 잘 견디고, 여백을 약간 더하면 한 칸의 어긋남을 가릴 수 있습니다. 완벽하게 반듯한 결과를 원한다면, 내용을 한 칸 폭 문자로만 유지하세요.
박스 텍스트를 잘 활용하기
박스 텍스트는 무언가를 두드러지게 표시할 때 빛납니다 — README 맨 위의 제목, 코드 주석 속 메모, 터미널 프로그램의 ASCII 배너, 포럼 코드 블록 안의 강조된 메시지처럼요. 한 덩어리의 텍스트가 눈에 보이는 프레임을 받을 만할 때 박스를 꺼내 쓰고, 사각형이 적당한 너비를 유지하도록 내용은 짧게 가져가세요.
정말 중요한 규칙은 단 하나, 글꼴입니다. 박스는 고정폭 환경에서만 반듯한 사각형을 유지하므로, 고정폭 글꼴을 쓰는 곳에 붙여넣고, 확신이 서지 않으면 단순한 선 스타일을 택하세요. GitHub, Discord, Reddit, Slack에서는 박스를 코드 블록으로 감싼다는 뜻인데, 그러면 고정폭 글꼴이 강제되어 모든 가장자리가 줄을 맞춥니다.
자주 묻는 질문
텍스트 박스 생성기가 뭐예요?
박스를 어떻게 복사하나요?
박스로 감싼 텍스트는 어디에서 가장 잘 보이나요?
어떤 앱에서는 박스가 왜 삐뚤어 보이나요?
스타일끼리 뭐가 다른가요?
내 텍스트가 어딘가로 전송되나요?
관련 도구
이런 편리한 도구도 함께 사용해 보세요