Rust 웹 페이지 Og 썸네일 이미지 생성하기

og 이미지 파일 썸네일 일괄 생성 작업중입니다.

사실 OpenGraph 라는 것은 특정 사이트의 URL 을 SNS같은데서 공유하면 나오는 이미지입니다. 각 페이지마다 정보를 가지고 있는데 이 정보를 보통은 만들고 대충 만들어진 이미지를 넣는 경우가 많습니다. 그런데 옛날에 만든 서비스들은 빈 이미지가 나오거나 첫번째 이미지가 나오는 경우가 있는데 워드프레스나 게시판에는 오래된 게시물에는 아예 없는 경우가 많이 있습니다.

웹페이지 랜더링 방식으로 가져와서 만다라트 썸네일을 웹 페이지를 생성하고 각 사이즈별로 레이아웃을 웹 페이지에 맞춰 배치한 다음 클립핑을 해서 저장합니다.

플러그인을 설치한다 해도 다시 만들어야 해요. 요즘 시대에 맞춰서 AI랑 대충 디자인하고 대량 이미지를 생성하는 작업을 해봤습니다.

스크린샷 2025-07-20 오전 4.57.11.webp

그런데 실제 이미지를 생성하는데 너무 오랜 시간이 걸립니다. Python 이건 Node.js 건 느려요 ㅠㅠ

서비스로 하나씩 하게 되면 모르겠지만 옛날 게시글도 다시 오픈그래프에 적용하기 위해 이미지를 생성하려면 3,000~100,000건 이상의 썸네일 이미지 데이터를 생성한다면 그건 다른 일이고 멀티프로세싱을 한다해도 너무 부하가 커서 일단 기존에 작업했던 것을 다 치워버렸습니다.

그리고 선택한 것이 Rust

Rust로 고성능 썸네일 생성기를 구현 주요 성과 300배 성능 향상 Rust: 0.061초 (단일), 0.069초 (배치) Node.js: 5.787초 (단일), 22.303초 (배치) 95% 메모리 절약 Rust: ~2MB 실행 파일, ~10-20MB 메모리 Node.js: ~350-800MB 메모리 사용 완전한 기능 구현 미니멀 모드 지원 4가지 형식 (wide, square, tall, custom) 배치 처리 SQLite 직접 접근 항목 Rust Node.js 개선율 단일 이미지 0.061초 5.787초 95배 배치 생성 0.069초 22.303초 323배 메모리 사용 ~20MB ~800MB 97.5% 절약 실행 파일 ~2MB ~500MB 99.6% 절약

스크린샷 2025-07-20 오전 4.57.22.webp

그냥 번개처럼 나옵니다.

하지만 Rust 로 윈도우앱 패키징하다가 실패해서 ㅠㅠ 일반적인 작업에서는 아직 쓸모를 못찾고 있는 중입니다. Tauri 2.0은 진짜 윈도우 특성타는데 머리가 지끈거립니다. 그래도 파일이나 이미지 프로세싱 쪽은 속이 시원합니다. 이래서 Rust 이야기를 하는거 같습니다.

https://www.a1bbs.com/

책홍보용 퍼즐 사이트 오픈

책홍보용 퍼즐 사이트 오픈 요즘은 다 돈을 줘야해서 그냥 퍼즐풀면 돈이나 주는 이벤트나 해볼까 하고 만들기 시작해서 어느덧 책홍보를 할 수 있는 이벤트앱을 만들고 있습니다.

스크린샷 2025-07-17 오후 11.29.27.webp

스도쿠책을 다시 열심히 팔아보려고 웹에서 즐길 수 있는 게임과 어린이 학습지를 웹앱으로 구현하는 것과 따라쓰기 글씨 적으면 폰트가 만들어지는 그런 유형의 학습지도 만들고 있습니다.

홍보를 해야지 살아남기도 하고 고객정보를 모아야 진짜 돈이 되니까 뭔가 주고받을 수 있게 간단하지만 효과적인 홍보도구를 만드는 중입니다. 그냥 그동안 만들었던 학습 퍼즐이나 열심히 옮기는 중입니다.

그리고 결국 미디어를 뭐가 됐건 본인이 가지고 있어야 하니까 앞으로 이런저런 작업을 공개해볼 생각입니다.

https://www.a1bbs.com/sudoku

만다라트 생성기 AI로 만다라트 차트를 손쉽게 생성하세요 https://a1bbs.com

AI 만다라트 프로젝트 마무리!

생각정리의 기술이라는 브랜드의 책을 지난 15여년간 출간을 하다가 최근에 멈췄는데 그 시리즈의 새로운 버전을 AI로 정리하는 기술과 다양한 프레임워크 시리즈를 생각하고 책이 아닌 워크샵을 위한 소프트웨어 개발을 했습니다.

북웨어라는 개념을 오랜 시간동안 생각을 해왔고 그 시리즈의 첫번째가 만다라트가 된건 이유가 있습니다. 목표달성의 프레임워크이기도 하지만 9블록이라는 개념을 가지고 생각을 정리할 수 있는 여러가지 프로그램들이 많이 있는데 그걸 총합할 수 있기 때문입니다.

스크린샷 2025-07-15 오후 12.56.59.webp

9블록을 확장해서 정반합을 만들 수 있고 관계를 기준으로 연결할 수도 있고 유사성 대립성 등 그룹지어 활용할 수 있습니다.

스크린샷 2025-07-15 오후 12.56.50.webp

최근에 쏟아지는 AI 뉴스를 전부 만다라트로 정보를 정리해서 보고 있습니다.

스크린샷 2025-07-15 오전 12.53.35.webp

최근에 집중력이 많이 떨어져서 많은 글을 보면 피곤해져서 오디오로 듣고 있지만 9블록으로만 보면 기억을 쉽게할 수 있습니다. 비주얼리터러시라고 하죠? 문해력이라고도 하지만 사실 컨텍스트 전체를 소화하기에 현대인에게는 너무 피곤합니다.

스크린샷 2025-07-14 오후 6.06.00.webp

유튜브에 AI 저품질 영상 컨텐츠의 수익을 제한하는 정책은 AI 사업을 하는 구글의 모순이라고 볼 수도 있습니다. 그 기사를 8개 주제로 나누고 그 안에 독자 의견을 드래그해서 붙이고 정리하면… 의견대립이 블록안에서 이뤄집니다.

스크린샷 2025-07-14 오후 4.14.47.webp

지금 개발하고 있는 것은 글의 맥락을 다시 빨간펜으로 관계도를 그려주거나 비정형 맵을 그리는 방향성이 있는 연결을 찾거나 해보고 있습니다.

즉 맵 안에 컨셉맵으로 키워드나 컨텍스트를 서로 연결해서 대립하거나 관계를 상세하게 표현하고 이익이 어디로 가는지 알아보게 하려는 것이 목적입니다.

원래 워크샵에서 많이 하는 기법이지만 일단 혼자서도 가능하고 제가 몇달동안 피시본, 매트릭스, 6블럭, 비즈니스모델제너레이션, 저니맵 등등 AI와 함께 할 수 있는 워크샵용 툴이외에 만다라트 자체로 다이어리, 일정관리 등을 할 수 있는 것도 개발하고 있습니다.

위에 이야기한 북웨어라는 것은 같이 하는 워크샵 툴이 되거나 함께 채워가고 공유하는 즐거움을 만드는 것을 목적으로 합니다. 비주얼 지식체계 같은거라고 보시면 될거 같습니다.

오늘도 열심히 마무리 https://www.a1bbs.com/ 책은 언제 나오려나 ㅠㅠ

AI선생 한글 따라쓰기

주말에 조금 LLM qwen 2.5 vl 을 사용해서 AI 선생이 한글 글자쓰기 놀이를 해봤습니다. 다양한 글자를 인식하니까 거기에 따라 많은 테스트를 할 수 있고 이미지를 판단하는 근거를 사용해서 여러가지 실험을 해봤습니다. 그중에 그럴듯한건 획수 글자 평가로 생각돼서 간단하게 만들어 봤습니다.

스크린샷 2025-07-14 오후 12.55.20.webp

스크린샷 2025-07-14 오후 12.43.57.webp

양호합니다. 응?!? 그런데 실제로 프롬프트로 평가를 해야하기 때문에 여러가지 요소에 대한 부분을 잘 정해줘야 하기도 하고 한글하고 영문 그리고 실제 폰트를 바닥에 깔고 그림을 읽고 평가하기 때문에 밑그림으로 사용하는 폰트가 중요합니다.

그래서 폰트가 또박또박 초등학교 1학년들이 쓰는 형태로 만들면 그럴듯하게 나오겠다 싶어서 한글폰트를 고딕으로 적용해서 AI선생 한글 따라쓰기로 만들었습니다.

AI가 대부분 했다고 해도 기본적인건 제가 조금 만들다가 바이브코딩 + AI LLM 을 붙여서 해결했습니다. 웹서버랑 LLM이 로컬의 다른 회사 노트북에 있어서 그걸 처리하고 마무리 했습니다.

GPU 있는 노트북으로 그리 성능이 크게 차이나지는 않지만 VL의 경우는 차이가 꽤 나기 때문에 GPU없는 미니PC를 테스트 서버로 하기 때문에 이정도로 만족하고 있습니다. 뭘 학습하고 돌리고 하려면 장비를 써야하지만 그냥 옆에 노는 컴퓨터를 쓰고 앞으로는 터널링을 해서 컴퓨터 놀 때 LLM 돌리는 컴퓨터가 있으면 볼런티어 클라우드를 만들 계획을 가지고 있습니다.

스크린샷 2025-07-14 오후 3.16.14.webp

옛날에 플래시로 하던 기분으로 대충 만들었는데 배경 부분을 비워둔 이유는 배경에 맞춘 그림을 깔아서 사용하면 학습에도 도움이 될거라 생각중입니다.

스크린샷 2025-07-14 오후 3.16.22.webp

요즘 이런거 타블랫으로 다 하고 있는걸로 알고있지만…

스크린샷 2025-07-14 오후 3.16.34.webp

글자보고 따라 쓰는것의 숨겨진 목적이 있습니다.

스크린샷 2025-07-14 오후 3.16.44.webp

사람마다 다 다른 모양의 자소를 그리기 때문에

스크린샷 2025-07-14 오후 3.16.54.webp

고유의 특징을 가지고 손글씨 폰트를 만들거나 매일매일 글자 쓴 것을 모아서 나이에 따라 글씨 모양이 바뀌는 것을 감지하면 어떨까 합니다. 의학적인 목적도 약간 넣어서

Ollama + LLM을 활용해서 외부에 있는 컴퓨터에 접속하고 이런저런 AI놀이를 하고 있습니다.

https://a1bbs.com/han2

필사의 AI앱

한글 글자를 따라 그려보세요! AI가 외곽선 정확도를 100점 만점으로 평가합니다.

어린이 + 어르신용 글자, 그림, 숫자 등 따라 쓰기 AI 측정기를 어제에 이어 지금도 만들고 있습니다. 오픈소스 Ollama vision 관련 프로그램을 다 돌려봤는데 Qwen 이 생각보다 결과가 좋습니다.

어린이 그림 따라그리기 도서나 다른용도로 LLM 을 포함한 글자 평가 앱 + 손글씨 폰트 제작 앱을 만들기 위한 허들이 하나 없어졌습니다. rust 로 포인트 가 밖으로 나가는거 찾아내고 윈도우, 맥 용 별도 어플리케이션으로 제작했으며 지금은 카메라에서 판단하는 것을 만들어보고 있습니다.

518257310_31056652763918943_1991175703142343678_n.webp?_nc_cat=111&ccb=1-7&_nc_sid=127cfc&_nc_ohc=UQt46ExwZXEQ7kNvwFhiSdb&_nc_oc=AdneBC67zO8pIJ87tnYtj3kY8tOvhtmmHiwY5ErnoVbgDJm2KIDNTh_8bx_G48whRDI&_nc_zt=23&_nc_ht=scontent-ssn1-1.xx&_nc_gid=6DRW0ohUnQfKqxKF-rHyLA&oh=00_AfS6R3Tvfs0z6HFs-5G8m1XbFUx5hDQILQkED7iKr7FnIg&oe=68783D71

AI 평가 피드백이 나옵니다. 생각보다 표현이 좋아요. 그런데 제가 생각한 것은 이렇게 가이드가 되는 폰트 + 자신만의 손글씨를 쓰고 나면 요 글자는 다시써주세요 라고 할 일관성을 찾아가는 과정을 추가해볼 생각을 하고 있습니다.

517601424_31056850140565872_8197226395471430220_n.webp?stp=dst-jpg_s1080x2048_tt6&_nc_cat=109&ccb=1-7&_nc_sid=127cfc&_nc_ohc=if9i-7pfZlYQ7kNvwHGtOwg&_nc_oc=Adk3Ozly7zQ26Z1yyhhQH2H1OFIKBtE0KaWK-_BpeIi49NphQZt9jPF1_fVFE6qCBl8&_nc_zt=23&_nc_ht=scontent-ssn1-1.xx&_nc_gid=gBgCXuwgwm8TnfSY_0QJKQ&oh=00_AfR3Et8t13pMLiuSzrAOhMzvqMxfXI7-iy8XRTmCtlievg&oe=68785311

518271926_31056875327230020_7978300765781270629_n.webp?stp=dst-jpg_s1080x2048_tt6&_nc_cat=104&ccb=1-7&_nc_sid=127cfc&_nc_ohc=3D2WA03mLJcQ7kNvwFK8yda&_nc_oc=AdksxuC9c_5fA5xefSkrSDXDaorAinv2FIo9Qwezc1dcbc1ZP-JJEVG87LJ3c3vef5w&_nc_zt=23&_nc_ht=scontent-ssn1-1.xx&_nc_gid=zg5khwLgkUV6tAxp3MCcWw&oh=00_AfRZexoILSdsayUTdbwKcW-MVsRU9dJdDn2ocbG5uCCEmQ&oe=687837B6

획 이랑 각도까지 은근히 기분이 나쁜… 평가에 대해서 내가 폰트 그대로 따라하는 사람도 아닌데 응?!? 아 그런 서체 필사책이 있지… 라고 다시 생각하기로 했습니다.

필사의 노력

그나저나 중국의 기술력이 무섭긴 합니다. 다른 모델들 보다 한국어를 잘 표현하고 있습니다. LLM 테스트하다 하루가 마구 가버림 ㅠㅠ

종이책 퍼즐 문제 정답이나 다음에 풀 힌트를 알려주는 용도로 써볼까 하고 있습니다. 사실 요즘에 AI는 못하는게 없긴하지만 폰에 없는 기능을 퍼즐종이책이랑 앱에 해결해보면 어떨까 하고 있습니다.

스크린샷 2025-07-13 오전 9.54.59.webp

책사세요 ㅠㅠ https://event.yes24.com/detail?eventNo=201079