Novel AI와 Web UI를 통해 생성한 AI 이미지는 우클릭 이미지 복사나 별도의 프로그램이나 서비스를 통해 재생성을 하지 않는 이상, PNG 파일 헤더내의 chunk로 정보를 저장합니다. 당연하게도 positive prompt(긍정 프롬프트) 또는 negative prompt(부정 프롬프트)가 길어질 수록 파일의 크기도 커집니다. 하지만 이러한 정보가 있어야 많은 사람들이 AI 이미지를 생성할 때 이를 참고하여 이러한 이미지를 만들 수 있구나 혹은 돚거(도적)질을 할 수 있게됩니다. 서버를 거치지 않고, 오직 클라이언트 JavaScript만을 사용하여, 이미지내에서 프롬프트를 추출하는 서비스를 만들게되어 공개합니다. Demo https://prompt.tlnd.cc AI Generate Image..

https://gmyankee.tistory.com/381 NSFWJS + TFJS WASM + Web Worker 개요 한국어로는 후방주의 ㅎㅂ) 이런식으로 혼자있을때가 아닌 경우 음란물이 있을 수 있으니 주의하라는 의미로 많이 사용하는 용어인데, 영어로는 nsfw(not safe for work) 라고 표현합니다. nsfwjs gmyankee.tistory.com 지난번에 게시한 NSFW JS의 Demo 페이지를 추가하였습니다. Demo https://nsfw.tlnd.cc NSFW JS + WASM on Web Worker - with Tensorflow.js wasm version - with Web Worker Not Main Thread - don't request upload a server..

Go언어 에서 많은 ORM이 있지만, 여러가지 써보아도 결국 GORM으로 회귀하게 됩니다. 매우 많은 기능과 이미 많이 쌓인 커뮤니티 그리고 사용이 쉽기 때문이죠. 그런데 제약사항 설정 중 on delete CASCADE를 설정한다던가 SET NULL 을 넣는다 등을 Auto Migrate 과정에서 진행하고 싶을 수 도 있습니다. 당연히 ORM 코드상에서 명시하여 DB에 자동설정이 되어야 orm을 쓰는 의미가 있기도 하구요. Node.js의 대부분 ORM들은 물리적 db에 이과정을 진행하지 않는 경우가 많긴 하지만요. 하지만 foreignKey에 constraint를 넣어도 물리 DB상에서는 constraint로 on delete on update가 적용되지 않는 현상이 있습니다. 이럴 경우 GORM에서..

개요 한국어로는 후방주의 ㅎㅂ) 이런식으로 혼자있을때가 아닌 경우 음란물이 있을 수 있으니 주의하라는 의미로 많이 사용하는 용어인데, 영어로는 nsfw(not safe for work) 라고 표현합니다. nsfwjs는 Tensorflow의 JS버전인 tfjs를 사용하여 mobile net 버전의 모델을 사용해서 client side에서 성인 이미지를 판별하는 오픈소스입니다. 하지만 첫 페이지 접근시 모델을 불러오는 속도가 굉장히 느립니다. 이 문제를 해결하기 위해서 저는 nsfwjs의 코드가 그리많지 않았고, Tensorflow js를 사용하는것을 확인해서 TFJS WASM 버전으로 직접 만들게 되었습니다. Demo https://nsfw.tlnd.cc NSFW JS + WASM on Web Worker..

보통 인스타그램과 같이 우클릭이 막혀있는 서비스들을 종종 볼 수 있습니다. 인스타그램의 방식은 보통 div 태그를 만들어서 z-index 우선순위를 위해 뒤에 나오게 한 다음 absolute 로 박스크기를 가득 채워버립니다. 저도 이전에는 이러한 방식을 종종 사용했었는데, 더 간단하고 쉬운 방법이 있어서 기록과 공유차 포스팅을 진행합니다. pointer-events: none; 그냥 css나 style로 img태그에 pointer-events 즉 클릭과 같은 모든 포인터에 대한 요소를 막아버리면 끝입니다.

Alpine.js Alpine.js는 MarkUp(HTML) Template에 작성하여 Reactivity (재활동)이 가능하게끔 하여, Vue 스러운 문법으로 가장 이상적이면서 간단하고 간결하고 쉬운 라이브러리입니다. Gzip 압축 기준 무려 8KB 밖에 안되는 적은 용량으로 굉장히 강력한 기능들을 가지고 있습니다. state Management (상태관리) global Store (페이지내 전역 상태 관리) Data / Binding (데이터 바인딩 및 액션) teleport 이외에도 다양한 기능이 있으며, Vue의 문법과 유사하게 x- 라는 prefix 를 사용합니다. x-if, x-for, x-teleport 등등 그런데 아쉽게도 x-if는 존재하지만 else나 else-if는 존재하지 않습니다...