티스토리에 뉴스레터 적용하기

평범한 코딩러의 뉴스레터 양식 만들기

안녕하세요 jako입니다.

뉴스레터 운영해보고 싶다.

최근 들어 뉴스레터를 운영해 보면 어떨까 하는 생각을 하고 있습니다. 비록 제가 공유할 수 있는 건 문제 해결을 위해 들인 끈질긴 삽질의 과정과 그 결과뿐이지만 말이지요.

뉴스레터를 운영해 보면 재밌겠다는 생각을 가지게 된 건 "열려있는 chrome에서 크롤링하기"라는 글을 읽을 때입니다. 4년 전 시청에서 업로드 자동화 프로그램을 만들면서 알게 된 이 정보를 티스토리에 포스팅하고 난 뒤 간간히 올라가는 조회수를 보면서 이와 비슷한 양질의 정보들을 정제하여 뉴스레터로 발행하면 재밌겠다는 생각 때문이었죠.

티스토리에는 뉴스레터를 적용 못한다고?

그래서 꾸준히 글을 업로드하고 있는 티스토리에 뉴스레터를 적용할 수 있는지를 목표로 조사해 봤습니다.

결론부터 말씀드리자면 티스토리에서 뉴스레터를 사용할 수 있게 지원해 주는 플러그인이나 서비스는 없었습니다. 티스토리 포스팅 글 하단에 뉴스레터 양식을 띄우고 이메일을 입력하면 해당 이메일로 뉴스레터를 발행해 주는 사용 형태를 염두에 두고 조사했지만 뚜렷한 방법이 없었죠.

차선책으로 뉴스레터를 운영할 수 있는 플랫폼을 찾긴 했지만 티스토리에 연동이 안되거나 해당 뉴스레터 플랫폼에 계정을 만들도록 유도되어 있기 때문에 제 목표에 부합하는 방법은 아니었습니다.

그럼 직접 만들어서 쓰지 뭐.

그러던 도중 티스토리에서는 사용자가 직접 작성한 코드(html/css/javascript)를 반영해 주도록 허용하고 있다는 사실이 떠올랐습니다. 이 특징을 잘 활용하면 "뉴스레터 구독 안내 양식을 직접 만들고 티스토리에 적용할 수 있지 않을까"라는 생각이 머리에 스쳤습니다. 

그래서 다음과 같이 티스토리로부터 입력받은 사용자 이메일을 Slack에 전달하는 간단한 flow를 떠올렸습니다.

티스토리에서 이메일을 입력받아 slack channel까지 전달하자.

Flask나 FastAPI로 BackEnd API는 만들어봤기에 Ngrok부터 Slack Channel에 입력 데이터를 전달하는 건 어렵지 않게 해낼 수 있었으나 문제는 티스토리에 마크업 해야 되는 뉴스레터 양식과 티스토리 입력 데이터를 ngrok를 보낼 수 있을지가 의문이었습니다

여러 삽질의 과정을 거쳐 검증을 끝내고 완성을 한 결과 다음과 티스토리에 뉴스레터를 적용할 수 있었습니다.

마치며

티스토리에 뉴스레터 양식을 시범적으로 적용해 보면서 느낀 점은 코딩을 하면서 가장 재미있는 순간은 이런 지점이 아닐까입니다. 좀 더 구체적으로 표현해 보자면 "무작정 떠올린 아이디어가 실현 가능하다는 걸 확인할 수 있다"라는 점이겠네요. 

사실 티스토리에 뉴스레터를 적용하기 위해 사용했던 방법을 본격적으로 사용하기엔 부담해야 될 게 있습니다. 바로 ngrok와 application 역할해줄 수 있는 서버인데요 아무래도 이러한 준비를 마칠 때까지는 뉴스레터 플랫폼의 도움을 받아 뉴스레터를 하나씩 발행해 나가야겠네요.