예쁘게 코드 공유하기

github이라는 훌륭한 코드 저장소가 있습니다만 이런 블로그에서 짧은 코드를 공유하기에 적합한 솔루션이 있어 공유드립니다. 컬러스크립터(https://colorscripter.com/)라는 솔루션입니다.

장점 

- 별다른 설치가 필요 없습니다. 내가 필요한 코드만 있으면 됩니다.
- 확장성이 뛰어납니다. 기본세팅에 내가 원하는 언어가 없다면 확장프로그램을 적용하면 됩니다.
- 따라서 내가 원하는 코드 하이라이팅이 없다면 직접 만들어서 배포하면됩니다. 

사용법 

컬러스크립터(https://colorscripter.com/)에 접속합니다.
로그인을 하고싶으면 합니다. (왠지 로그인을 해야 확장프로그램 적용이 가능할것 같아서 전 했습니다.)
원하는 코드를 입력합니다.

입력 후 오른쪽 하단의 "클립보드 복사"를 클릭하면 위와같은 대화상자가 나타납니다.
(플래시 허용을 차단 한 경우 위와같이 동작하며, 허용한 경우 자동으로 클립보드로 들어갑니다.)
필요한 곳에 붙여넣으면 끝입니다.

티스토리의 경우 글쓰기 화면 오른쪽 상단에 HTML 체크박스를 클릭한 후 원하는 위치에 붙여넣으면 됩니다.
그러면 아래처럼 예쁘게 코드가 나타납니다.

data.stream().map(p -> {
    try {
        someCheckedExceptionThrow(p);
    } catch (Exception e) {
        throw new RuntimeException(e)
    }
}).collect(Collectors.toList());

자신이 원하는 언어가 없을 경우 

kotlin, typescript 등의 언어는 기본 언어set에 등록되어있지 않은데요.
이를 확장프로그램 기능을 통하여 남이 만든 플러그인을 적용할 수 있습니다.

https://extends.colorscripter.com/#/ 에 접속합니다.
원하는 플러그인을 선택합니다. 없으면 상단 검색을 이용하여 원하는 플러그인을 찾아봅시다.

다행히 누군가 kotlin 언어팩을 만들어놓았군요.
잘 되는지 kotlin 코드를 입력해봅시다.

@Component
class CommonInterceptor : HandlerInterceptorAdapter() {
    @Autowired
    lateinit var env: Environment
    override fun postHandle(request: HttpServletRequest, response: HttpServletResponse, handler: Any, modelAndView: ModelAndView?) {
        super.postHandle(request, response, handler, modelAndView)
    }
}

일단 lateinit, var, override, fun 에서 하이라이팅이 되는것을 보니 잘 되는것 같습니다.

업로드하여 링크를 공유하기 

이처럼 태그로 삽입하는 방법 외에도 코드를 업로드 하여 링크를 공유할 수도 있습니다.
코드 입력화면 오른쪽아래 "공유하기" 버튼을 클릭하고 "업로드"를 클릭합니다.

http://colorscripter.com/s/XRt9wEf
위 주소는 저 위의 kotlin 코드를 업로드 한 주소입니다.
접속해보면 코드 공유가 잘 됨을 알 수 있..........으나
아쉽게도 확장프로그램 적용이 안되는것 같아 보입니다.

마치며 

일을 잘 하는것도 중요하지만 일을 잘 하는 티를 내는것도 중요합니다.
이 도구를 이용하여 일 잘 하는 티를 예쁘게 내봅시다.