본문 바로가기

Develop

Code to Image

VS Code를 사용하다가 코드를 이미지로 바꿔주는 확장을 2개 접하게 되었다. 각각의 장단점을 비교해보자.


Polacode, Polacode-fork

확장 설치 후, Ctrl+Shift+P를 누르고 Polacode를 입력하여 실행한다.


Polacode를 실행한 모습

코드가 적힌 부분에 자신의 코드를 복사한다.


Polacode에 코드를 입력한 모습

그 후 아래의 동그란 버튼을 누르면 다음과 같은 결과물을 얻을 수 있다.

결과물(Polacode)

결과물(Polacode-fork)


첫번째는 Polacode이고 두번째는 Polacode-fork이다. 차이점은 fork의 경우 배경이 투명하다는 점이다. (하지만 어딘가 불편하다)


carbon-now-sh

이 확장은 특정 스타일을 적용한 carbon 웹페이지로 이동해주는 확장프로그램이다.

Polacode보다 이미지의 스타일을 더 자세히 설정할 수 있으며 완벽히 투명한 배경도 지원한다.


확장 설치 후, Command+Alt+A 단축키로 바로 사용할 수 있다.


carbon 웹페이지 모습


웹페이지로 이동하게 되면 빈 곳에 코드를 복사하고 Export 버튼을 누르면 된다. 다음과 같은 결과물을 얻는다.

결과물(carbon)

carbon은 인터넷 연결 환경에서만 사용할 수 있다는 단점이 있지만, Polacode보다 더 세밀한 스타일 지정이 가능하다는 뚜렷한 장점 또한 있다. 취향에 맞게 사용하면 될 것 같다.