최근 블로그 포스팅이나 콘텐츠 기획을 위해 AI를 활용하는 빈도가 크게 늘었습니다. 저 역시 제미나이(Gemini)와 대화하며 아이디어를 구체화하고 초안을 작성하는 경우가 많은데, 이 과정에서 한 가지 큰 불편함을 마주하게 되었습니다.
바로 AI가 깔끔하게 작성해 준 마크다운(Markdown) 형식의 글을 네이버 블로그(스마트에디터 ONE)에 그대로 복사해서 붙여넣으면, 들여쓰기나 줄 간격, 굵기 등의 서식이 엉망이 되어버린다는 점이었습니다.
💡 문제 해결: 반복 작업 자동화하기
매번 에디터에서 수동으로 엔터를 치고, 볼드() 표시를 지운 뒤 다시 글씨를 굵게 만드는 단순 반복 작업에 지쳤습니다. 그래서 이 과정을 클릭 한 번에 해결해 줄 웹 기반의 텍스트 변환 유틸리티를 직접 개발하게 되었습니다. HTML과 JavaScript를 활용해 웹 브라우저상에서 가볍고 빠르게 동작하도록 구성했습니다.
⚙️ 핵심 개발 포인트 및 로직
제미나이와 코드 로직에 대해 이야기를 나누며, AI의 출력 텍스트가 네이버 블로그 에디터와 완벽하게 호환되도록 파싱(Parsing)하는 데 집중했습니다.
-
서식 맞춤 변환: AI 텍스트의 핵심인 마크다운 기호들을 정규식을 통해 잡아내고, 이를 네이버 스마트에디터 ONE이 인식할 수 있는 최적의 HTML 태그(줄 간격, 들여쓰기, 굵기 등)로 치환하는 로직을 구현했습니다.
-
직관적인 UI/UX: 복잡한 과정 없이, 사용자가 글을 붙여넣고 [변환 및 복사하기] 버튼만 누르면 즉시 클립보드에 변환된 HTML 데이터가 담기도록 설계했습니다. 이후 블로그 에디터에
Ctrl+V만 하면 서식이 유지된 채 포스팅이 가능합니다. -
모달(팝업) 안내창 적용: 초기 접속 시 사용 방법과 현재 지원 상태를 명확히 알 수 있도록 모달 창을 띄워 직관성을 높였습니다.
🚀 현재 테스트 완료 및 향후 업데이트 계획
안내창에 적어둔 것처럼, 현재는 제가 주로 사용하는 Gemini(제미나이) 환경에서 복사하여 붙여넣는 방식에 대해 완벽하게 작동 테스트를 마친 상태입니다. 제미나이 특유의 출력 포맷에 우선적으로 최적화되어 있습니다.