본문 바로가기
IT

[IT] 코드 이쁘게 Code Syntax Highlighter - Carbon

by hseoy 2020. 11. 24.
반응형

한글 문서 등에 코드를 작성할 때 뭔가 예쁘게 올리고 싶은 욕구가 있을 수 있다. 물론 코드를 예쁘게 문서에 넣는 것은 가독성에도 좋은 방법이다.

여기서는 소스 코드를 이미지로 예쁘게 표현해주는 무료 툴, 웹사이트인 Carbon을 소개하려고 한다. 

carbon 사용 화면

Carbon 웹 사이트에 접속하게 되면 정 가운데 편집할 수 있는 검은 창이 있다. 여기가 소스코드를 작성하는 곳이다. 

좌측 상단에는 코드 문법 강조 스타일을 변경할 수 있고 가운데는 언어를 변경할 수 있다. 그리고 언어 선택하는 우측에는 배경색을 변경할 수 있고 톱니바퀴를 클릭하게 되면 윈도우 스타일, 여백 등을 변경할 수 있다. 

그리고 가장 중요한 기능인 이미지 다운로드는 우측 상단의 Export를 클릭함으로써 수행할 수 있다. 기본적으로 클릭하게 되면 carbon.png로 다운되게 된다. 

아래는 "Hello world"를 출력하는 간단한 C언어 코드를 Carbon을 사용해서 작성하고 Export 한 결과물이다.

Carbon은 소스코드를 이쁘게 표현하는 데 있어 많이, 그리고 자주 사용되는 툴이므로 알아두면 유용하다. 

아래 링크를 클릭하면 Carbon 사이트에 바로 접속할 수 있다.

https://carbon.now.sh/

 

Carbon

Carbon is the easiest way to create and share beautiful images of your source code.

carbon.now.sh

 

반응형

댓글