구글 제미나이 AI로 티스토리 인라인 백틱 코드 문제 해결하기

최근에 티스토리에 인라인 백틱 코드를 추가해서 사용해오고 있다. `인라인 백틱 코드`는 이렇게 표현하는 것이고 글을 쓸 때에는 그냥 따옴표만 추가하면 되기 때문에 사용하기가 매우 편리해서 종종 이용 중이다. 사실 처음에 이 코드도 처음에 인터넷에 있는 정보들을 넣어서 해보니까 잘 안되길래 제미나이로 코딩해서 넣은것이다...ㅋㅋ

암튼 그렇게해서 잘 쓰고 있었는데 지금 위 그림처럼 가끔씩 블로그 글을 링크할 때, 블로그 글 링크되어서 미리보기가 나타나는 부분에 인라인 백틱코드가 있을 경우 링크 미리보기에 있는 텍스트도 인라인 백틱 코드로 인식이 되어서 HTML이 깨지는 문제가 있었다. 

내가 경험해보니까 이 문제는 티스토리 블로그 글을 링크할 때 미리보기에서 약 2줄~3줄 정도 본문 내용이 나오는데 여기에 인라인 백틱 코드가 없으면 문제없었다. 미리보기에서 보여지는 곳에서 백틱 코드가 추가가 되어 있을 경우, 이상하게 위 그림처럼 코드들이 깨져서 나타나고 본문에 코드가 들어가버리는 문제가 있었다. 어떻게 해결할 수 있을까? 제미나이에게 물어본다.

 

총 3가지의 솔루션이 나왔는데 3번째로 진행해보았다. 티스토리 HTML 코드를 직접 다 수정하는 방식으로 해결하는 솔루션이다.

 

해결책을 요청하면 제미나이가 알아서 자바스크립트 코드까지 다 짜서 내어준다. 사용자는 그냥 저걸 복사해서 붙여넣기만 하면 되는 시스템이다. 중요한건 이게 제대로 잘 동작하느냐?인데

 

실제로 코드를 적용해보니 본문 글에서만 인라인 백틱 코드를 인식하고 링크 미리보기에서는 인식하지 않는 결과가 나왔다. 성공... 

문제발생부터 해결까지 대략 5분도 안걸려 해결한 것 같다... 대박이네. 근데 어이없는건 처음에 적용했던 코드도 제미나이에서 받아서 넣은 코드라는거...ㅋㅋ 결국 자기가 자기 코드를 수정한 셈이 된것인데 뭐 아무튼 문제가 해결됐으니 다행이긴 하고, 이런 경험을 해볼수록 다른건 몰라도 적어도 코딩 쪽에서는 AI 사용성이 정말 빠르고 효과적이라는걸 계속 느끼게 되는 것 같다.