아주 오랫동안 고민했고 폰트의 쓸모를 만들기 위해 지난 2년여 기간 동안 어떤 콘셉트에 맞춰 여러 가지 프로그램을 해봤습니다.
폰트에디터를 만드는 것은 어쩌면 쉬울 수 있습니다.
폰트를 리버스 엔지니어링을 통해 만드는 것은 사실 쉽습니다. 왜냐면 폰트는 기본적으로 공개된 정보를 제공하기 때문이며 영문은 메트릭이나 여러 가지 정보를 볼 수 있습니다.
그래서 대체폰트가 많이 있습니다. 대체할 수 있는 비슷한 폰트가 아주 많아요. 그런데 한글은 대체할 수 있는 폰트를 만들기 어렵습니다. 지난 2년간 대체폰트에 대해서 고민을 아주 많이 했습니다.
인디자인을 쓰다 보면 A라는 유료폰트를 전자책을 만들게 될 때 문제가 발생합니다. 왜냐하면 유료폰트의 일부는 폰트를 전자책에는 제공하지 않기 때문입니다. 그러면 유통사에서는 특정한 무료폰트를 지정해서 만들게 하는데 그걸 쓰면 디자인이 다 일그러집니다.
그 문제를 해결하고자 A라는 폰트의 커닝, 스타일을 전자책용으로 다시 재구성해서 만드는 프로그램을 하고 있었는데 본질적인 문제를 해결하는 게 오히려 더 쉽다고 판단해서 폰트를 대체하는 폰트를 만들기로 했습니다.
손글씨로 폰트를 만드는 일이 생각보다 안 풀려서 한동안 고민하다가 다른 방향으로 이것저것 하다 보니 잠시 잊었는데 오늘 애니메이션 폰트를 추가로 만들다가 다른 폰트의 메트릭을 불러와서 폰트를 생성하는 작업과 복수 컴포넌트를 다시 나눠서 학습하는 부분을 AI가 하게 만들고 대충 마무리했습니다.
결론은 쉽게 만들어집니다. 그래서 이 프로젝트는 닫기로 했습니다.
어쩌면 남의 것을 훔치게 되는 일을 하는 일이라 시간낭비 그만하고 그냥 더 재미있는 것이나 하는 것으로~
작년에 만들던 폰트에디터에 대해서 이런저런 고민하다가 3D로 획을 만드는 방법으로 방향을 완전히 틀었고 이제 그 결과물이 거의 끝나갑니다. 그냥 폰트찍어내는 프로그램을 만들기는 했는데 기계에 사용할 폰트를 목적하고 있는 것이라서 조금 다르긴 하지만 하여간 기본 폰트에 대한 부분이랑 한글, 한글 조합 등등 다 좋은데 진짜는…
애니메이션 폰트가 만들어진다는 것 그리고 더 중요한 것은… UFO 폰트 스펙에 다 맞춰서 글자 변형이 자유로워지는 것
만화폰트는 금방 뽑아냅니다. 아이패드 지원도 됩니다. 그리고 템플릿을 기반으로 하는 기능과 몇가지 기능들을 추가중인데 대충 끝나면 폰트 펀딩이나 해야겠어요.
일단 애니메이션 폰트는 영상용이나 방송용으로 쓰일거 같긴한데 그것보다 어르신들 손글씨를 기록하게 될거예요. 이거 만들다 내가 어르신이 된 기분
이건 손글씨폰트지 손글씨라고 하기에는 좀 ^^; 그걸 해결하기 위해서 다른 아이템들을 전부 담아 끝을 낼 예정입니다.
2년 걸린 프로젝트도 이제 거의 끝… 그나저나 인터페이스는 다 바꿔야하는데 디자인은 더 복잡하게 만들어 놓고 간단한 버전을 먼저 만들어서 마무리 했습니다.
블로그, 워드프레스 컨텐츠, 페이스북, 인스타, 스레드, 네이버카페 등의 데이터를 수집해서 전자책으로 만드는 표현해서 만드는 서비스를 하고 있습니다. 그동안 책등 때문에 너무 고민이 많았는데 그냥 대충하겠다고 어제 포스팅을 하고 나서 워드프레스의 과거 컨텐츠를 한 번에 보여줄 수 있는 방식을 생각하고 제작했습니다.
무한 책장이 나옵니다. (실제 워드프레스용은 아니고 출판사 책 소개용이고 가로, 세로 45도 각도 그리고 가짜 3D 등 유튜브에 만들어서 올릴 용도로 제작중입니다.
애그리게이터를 책처럼 보이게 만드는 것도 가능합니다. 브런치에 쓴 글을 모아서 매거진이 되듯 그걸 저는 책으로 자동으로 생성해서 idml 이나 epub 으로 만들 수 있게 할 생각입니다.
새로운 인터페이스로 작업중이며 간단히 말하면 영상에서 스크립트를 정리했습니다.
워드프레스, 잠자는 콘텐츠를 깨우는 새로운 방법: 책처럼 펼쳐지는 블로그 이야기
안녕하세요! 오늘은 제가 요즘 고민하고 개발 중인 워드프레스 관련 프로젝트에 대해 이야기해볼까 합니다.
혹시 오랫동안 워드프레스 블로그를 운영해 오셨다면 공감하실 문제가 하나 있습니다. 바로 시간이 지나면서 쌓인 오래된 콘텐츠들이죠. 제 블로그만 해도 예전에 작성한 글이 약 2,000개 정도 되는데요, 아쉽게도 이런 과거의 글들은 시간이 흐르면서 잘 찾아보지 않게 되는 경향이 있습니다.
“열심히 썼던 옛날 콘텐츠들, 이걸 어떻게 하면 사람들이 다시 쉽게 찾아보고 흥미를 느낄 수 있을까?”
이런 고민에서 출발한 아이디어가 바로, 워드프레스 콘텐츠를 ‘책처럼’ 보여주자는 것이었습니다.
‘책처럼 보이는 갤러리’ 기능 개발 이야기
그래서 현재 개발 중인 기능이 있습니다. 워드프레스 블로그에 작성했던 글들을 마치 서재에 꽂힌 책들처럼 시각적으로 보여주는 ‘갤러리’ 형태입니다.
마우스를 특정 ‘책’ 표지에 가져다 대면, 해당 글의 내용을 미리 볼 수 있도록 (거의) 무한 스크롤 형태로 보여줍니다.
‘책’을 클릭하면 좀 더 자세한 내용이 나오고, ‘자세히 보기’ 버튼을 누르면 해당 글의 원본 워드프레스 페이지로 이동하게 됩니다.
이렇게 하면 사용자들이 오래된 글도 마치 새로운 책을 발견하듯 흥미롭게 탐색할 수 있지 않을까 기대하고 있습니다.
워드프레스 글, 실제 책으로 만들어볼까?
여기서 한 발 더 나아가, 워드프레스에 작성된 글들을 실제로 묶어서 한 권의 책 형태로 만들 수 있는 기능도 구상하고 있습니다. 예를 들어, 제가 ‘레고 시리어스 플레이’라는 주제로 여러 글을 썼다면, 이 글들을 선택해서 하나의 디지털 또는 실제 책으로 엮어낼 수 있게 하는 거죠.
흩어진 나의 기록들을 한곳으로 모으다
많은 분들이 워드프레스뿐만 아니라 페이스북, 브런치, 인스타그램 등 다양한 플랫폼에 글을 쓰실 텐데요. 저 역시 그렇습니다. 그래서 페이스북에 썼던 글들을 백업해서 워드프레스로 옮겨오는 작업을 하기도 했습니다.
궁극적으로는 이렇게 여러 플랫폼에 흩어져 있는 나의 모든 글들을 (별도의 프로그램을 통해) 한곳으로 모으고, 이를 워드프레스 안에서 다시 ‘책’ 형태로 재구성하거나 편집할 수 있는 시스템을 만들고 싶습니다.
보기 좋은 책장이 다는 아니다: 유연한 인터페이스
지금은 책장에 꽂힌 듯한 모습으로 개발하고 있지만, 이 인터페이스는 얼마든지 바꿀 수 있습니다. 가로로 넓게 펼치거나, 세로로 정렬하거나, 심지어 45도 각도로 비스듬히 놓인 책처럼 보이게 하는 것도 기술적으로는 어렵지 않습니다. 책이 스르륵 펼쳐지는 듯한 효과도 복잡한 3D 기술 없이 CSS만으로도 충분히 구현 가능하고요.
콘텐츠의 변신은 무죄: 다양한 형태로 보여주기
단순히 ‘책 모양’으로 보여주는 것을 넘어, 콘텐츠 자체를 다양한 형태로 변환하고 조합하는 것도 생각하고 있습니다.
개별 글들을 낱장의 ‘페이퍼’처럼 보여주다가, 이를 사용자가 원하는 대로 묶어 전자책처럼 만들 수도 있습니다.
글에 이미지나 동영상 같은 다른 데이터를 결합하여 더욱 풍성한 콘텐츠로 만들 수도 있겠죠.
반대로, 동영상 콘텐츠를 분석해서 텍스트 기반의 콘텐츠로 역변환하는 방향도 가능할지 모릅니다.
더 편리한 탐색을 위한 기능들
콘텐츠가 많아지면 원하는 정보를 찾기 어려울 수 있습니다. 그래서 앞으로는 타임라인 기반으로 글을 보거나, 카테고리별로 분류해서 볼 수 있는 인터페이스를 추가할 계획입니다. 여러 블로그나 플랫폼에 흩어져 썼던 글들을 시간 순서나 주제별로 묶어 사진, 동영상과 함께 입체적으로 보여줄 수 있다면, 나만의 디지털 기록을 탐험하는 멋진 경험이 될 것입니다.
콘텐츠 허브로서의 가능성
흥미로운 점은, 이 시스템이 꼭 한 사람의 콘텐츠만 보여줄 필요는 없다는 것입니다. 서로 다른 워드프레스 사이트에 있는 글들을 모아서 보여주고, 클릭하면 원래 글로 연결해주는 ‘콘텐츠 에그리게이터(수집기)’와 같은 역할도 충분히 가능합니다.
디자인과 사용자 경험 더하기
사용자 경험을 높이기 위해 디자인적인 요소들도 계속 추가할 예정입니다. 예를 들어 밤에 보기 편한 ‘밤 테마’, 배경에 은은한 조명 효과를 추가하는 기능, 사용자가 직접 책 디자인을 꾸미는 기능 등을 생각하고 있습니다. 심지어 AI를 활용해 비어있는 책 등에 그럴듯한 디자인을 자동으로 채워 넣는 재미있는 기능도 조만간 마무리할 계획입니다.
워드프레스, 더 재미있고 새롭게!
이 프로젝트의 가장 큰 목표는 워드프레스를 단순히 글과 이미지를 나열하는 방식에서 벗어나, 좀 더 재미있고 흥미롭게 경험할 수 있는 플랫폼으로 만드는 것입니다. 과거 데이터를 쉽게 찾아보고, 여러 곳에 흩어진 콘텐츠를 의미있게 엮어 새로운 가치를 만들고 싶습니다. AI 기술 덕분에 시도해볼 수 있는 것들도 많아졌고요. 단순히 정보 전달을 넘어, 책 콘텐츠를 기반으로 크로스워드 퍼즐 같은 게임을 만드는 등 콘텐츠를 확장하는 즐거운 시도들도 계속 해나가려고 합니다.
아직 개발 중인 아이디어지만, 워드프레스에 잠자고 있는 콘텐츠에 새로운 숨결을 불어넣고, 사용자들에게 더 나은 경험을 제공할 수 있기를 기대하며 열심히 만들고 있습니다. 앞으로 진행될 내용들도 종종 공유하도록 하겠습니다. 감사합니다!
뇌졸중 이후 머릿속 좌표가 어긋나서 조금씩 우측 하단을 치게 되었는데 그걸 해결하기 위한 키보드 오타 분석과 키보드 위치 조정 솔루션, 저시력자용 UI, UX관련 설계, 향후 더 늙어서 아이패드 확대를 안하는 돋보기 솔루션 등등 끝 한꺼번에 하다가 일단 원복해서 하나만 하기로
주말에 뇌졸중 치료용 한글 타자 프로그램을 만들었습니다. 어디서 오타가 나는지 확인 가능 AI가 계속 판단을 시켰더니 더 정신없어서 일단 빼놨으며 기본적으로 각기 키보드에 대한 분석을 하고 자세히 설명합니다.
간단한 단어 위주로 진행하다가 이제 도서의 문장을 위주로 바꾸고 있습니다. 더 긴문장을 학습하면서 분석데이터를 디테일하게 바꿔가는 부분을 추가중입니다.
지금까지는 자바스크립트로 만들었는데 현재 키 분석부분은 rust로 다시 작업중입니다. 브라우저 반응 속도를 조금 더 빨리 바꾸려면 키보드 오타가 계속 나는 것을 특정 좌표 이상이 생기기 때문에 편마비되었을 때 강제 좌표를 맞추려면 근육에 조금 더 힘을 주거나 팔의 각도를 조절해서 영점을 맞춰야 점점 정확한 키보드 입력이 가능합니다. 그걸 찾는 어플입니다.
리포트는 디테일하지만 그것보다 키보드로 건강을 테스트하는 쪽에 방향을 맞추고 인지증을 미리 예방할 수 있게 기능을 제공해볼 예정입니다.
지난 며칠간 컴퓨터 디스크 툴을 만들었습니다. sqlite를 바꿔야겠다고 생각하고 duckdb로 바꾼 상태에서 서버에서 돌렸더니 아주 빠르게 작업이 끝났습니다. 물론 데이터크기가 다른 웹서버니까 빠를 수 있습니다.
서버 비용을 절약하고 다른 서버로 이전할 준비를 하고 있습니다. 요즘에는 AI로 돌려야 할 프로그램이 많아지고 있어서 서버 쪽에서 사용해도 일단 레거시는 다 없애고 워드프레스 같은 것도 이미지 서버만 살려 놓고 데이터베이스는 조금 가벼운 node 관련 사이트로 만들 생각입니다.
서버에 큰 데이터가 왜 있는지 다 찾아내서 이제 착즙기로 짜내서 데이터구조를 바꾸고 ** 블로그나 게시판에 다 올리고 회사 사이트는 이제 서비스 용도로 지난 10여 년을 줄이는데 시간은 약간 걸리지만 이제 facebook, insta, 블로그 게시판, 유튜브 백업본과 하나로 묶여서 타임라인 단위로 다 변경해서 콘텐츠를 맞추고 있습니다.
개인 컴퓨터용 na에서 das 회사 서버 a, b, c, d 서버를 한꺼번에 다 검토해서 중복되는 거 다 버리면 좀 가벼운 삶을 살 수 있으리라 생각됩니다. 물론 데이터센터 비용도 줄이고 다른 곳에 백업을 하고 남은 것은 뭐가 있으려나…
