[Tistory] 티스토리 앱 버전 / 웹 버전 이동 시 코드블럭 줄 바꿈 안되는 현상

모바일 티스토리 앱, 컴퓨터 티스토리 상에서의 코드 블럭 작성시 에러 발생

나는 웬만하면 티스토리에다가 수업 정리를 모바일 앱버전과 노트북에서 작성 하는 편이다.
아무래도 개발 수업을 듣다 보니 코드를 추가를 안할 수가 없는데 요즘 세상 정말 좋아진 것..
구글링으로 코드 예쁘게 작성하는 법을 쳐보니 코드를 예쁘게 출력해주는 사이트들이 있었다.


내가 자주 썼던 코드를 예쁘게 작성할 수 있게 도와주는 사이트 두 곳은 아래 링크에 있는 colorscripter와 carbon이다.

Color Scripter

Carbon | Create and share beautiful images of your source code

그러다가 티스토리 내에서도 코드블럭으로 코드를 넣어줄 수 있다는 것을 알게 되었고,
저 사이트들에서 코드를 입력 후 블로그에 써주는 것도 물론 시각적으로 예쁘기야 하지만, 하루 24시간이 부족한 나에게는 코드-> 위 사이트 -> 티스토리에 html로 복붙해주는 작업이 생각보다 꽤 번거롭게 느껴진다는 점.
그래서 코드 -> 티스토리 코드블럭에 복붙으로 중간 작업을 없앴다.
위 사이트들보다 예쁘진 않아도 Java, C, 파이썬 등등 각각의 언어마다 표기되는 것도 다르게 출력해주고, 꽤나 편리하게 잘 활용하고 있다.

그러던 와중 컴퓨터에서 작성한 코드블럭이 모바일 티스토리 앱을 거치고 나서 컴퓨터 상에서 임시저장 된 글을 불러오면 아래와 같은 현상을 겪었다.
코드 블럭 안에 있는 코드들이 한 줄에 전부 작성이 되는 현상.
나 같은 경우 컴퓨터 웹 티스토리 -> 모바일 티스토리 앱 -> 컴퓨터 웹 티스토리의 step으로 이동을 했는데 그 중간에 뭐가 잘못됐는지 코드블럭들이 아래와 같은 모양으로 배열이 바뀌어버렸다.

화면상으로는 저렇게 보여도 코드블럭을 클릭하면 첫 번째 줄에 모든 코드들이 작성 되어있다.
생전 처음 겪는 현상이라 구글링을 열심히 해봤다.
그러다 나랑 비슷한 현상이신 분을 발견했는데, 컴퓨터 상에서 코드블럭으로 작성 후 모바일에서 티스토리 앱으로 글쓰기를 하게 되면 코드 블럭이 저렇게 한줄에 작성이 되는건 티스토리 내에서의 버그? 같은 느낌이었다.
그래서 이 에러를 어떻게 해결할 것인가? 코드뭉치들이 일렬로 되어있는 모습들을 보면서 머리가 지끈지끈해졌다.

해결 방법?

이 문제에 대한 해결방법은 따로 찾지 못했다.
그래서 일일이 한줄 한줄 엔터를 쳐줘서 코드 줄 구분을 해줬고, tab키로 들여쓰기까지 해주는 그런 노가다를 경험했다^.^
이번 경험을 통해서 다시는 모바일 앱 버전 - 웹 버전을 번갈아가며 쓸 경우 코드 블럭은 무조건 제일 마지막에 넣어주는 게 심신 건강에 좋을 것 같다는 교훈을 얻었다.

티스토리 코드 블럭 깔끔하고 편하고 예쁜데 이 에러만 좀 고쳐진다면 더 잘 쓸 수 있을 것 같다.