Cloudflare 를 사용하는 많은 사용자들이 생각보다 놓치고 있는 부분입니다. Cf-Cache-Status 는 기본적으로 HIT 가 설정되지 않는 이상 대부분 캐싱이 적중하지 않았다는 의미입니다. 대표적으로 DYNAMIC 은 Cloudflare가 판단할때 캐싱할 가치가 없다고 판단한건데 대표적인 이유는 공식문서에서 기재되어 있습니다. 위 이미지 및 링크에 명시된 확장자의 경우 별도의 설정 없이도 기본적으로 캐싱에 반드시 적중합니다. 하지만 첫줄 내용을 읽어보면 HTML은 기본적으로 cache 하지 않는다고 합니다. 이유는 동적 컨텐츠가 많기 때문이겠죠? 이걸 해결하기 위해서는 cloudflare 에 등록한 도메인별 캐시 설정이 필요합니다. 캐시 룰을 위와 같이 설정합니다. 캐시 적합성 -> 캐시에 적..

Nuxt3의 nitro가 Cloudflare Pages Functions에서 GET 메소드 이외의 처리를 하지 않은 크나큰 충격으로 Vercel을 손절하고 갈아탄 Remix도 역시 나사가 몇가지씩 빠져있었습니다. Vue Svelte Astro Nuxt2 Nuxt3 Sveltekit 등 다양한 Reactive Framework를 사용해왔지만, React는 JSX 문법이 싫어서 항상 꺼려왔는데 대부분의 프레임워크가 Vercel이 관여하고 있어서 결국 Remix로 돔황쳤습니다. Nuxt3와 Astro의 강제 주입식 문법으로 인해서 React의 함수들이 어색하진 않았는데 리믹스의 문제점은 크게 2가지가 나타났습니다. - 뒤로가기 캐싱 안됨. 일부러 그런건지는 모르겠지만 이전페이지 데이터를 다시 불러옵니다. 이럴..

https://maple.curma.cc 메이플 코디 공유 메이플스토리의 다양한 유저들의 코디를 확인하고 내 코디를 공유해보세요! 가장 많이 사용한 코디부터 같은 부위를 사용한 다른 코디까지 지금 바로 만나 보실수 있어요! maple.curma.cc 메이플 커마는 메이플스토리 캐릭터의 코디 정보를 분석 및 공유하는 써드파티 서비스입니다. 개발 계기 메이플 스토리의 코디 정보를 보여주는 메이플지지의 경우는 캐릭터명을 통한 검색이며, 특정 캐릭터에 대한 빅데이터를 모아 해당 캐릭터의 통계 그리고 전체 빅데이터를 가지고 다시 전체 통계를 산출하는 등의 서비스 입니다. 메이플 지지의 코디 컬렉션은 극히 일부 기능일 뿐입니다. 또한, 메이플 스토리 공식홈페이지에 게시되어 있는 코디 베스트라는 기능이 있습니다. 코..

wrangler d1 execute --local --file=schema.sql wrangler d1 execute example --local --file=schema.sql schema.sql 은 backup된 데이터를 cloudflare d1 대시보드에서 다운받거나, 아래 명령을 통해 backup 본을 다운받습니다. 다운받으면 sqlite의 파일로 dump된 파일을 뱉는데, 이걸 DB Browser for Sqlite 같은걸이용해서 연뒤, 데이터베이스 내보내기를 SQL 확장자로 내보내면 DDL과 DML을 뱉습니다. 해당 sql의 파일명이 길어서 불편하니 schema.sql 로 바꾸고 다시 맨처음 명령 실행하면 되는데 D1_ALL_ERROR 발생시 프로젝트 폴더내 .wrangler/state/d1 ..

Cloudflare 의 서버리스 제품에서 굉장히 오랫동안 기다려오고 D1의 예고가 등장하자마자 존버의 존버를 했던 바로 Serverless DB의 결정체 sqlite3 기반의 DB 제품입니다. 현재는 Alpha 버전으로만 제공하고 있지만, 현재까지 출시된 d1-ORM 이나 Prepare로 사용되는 better-sqlite3 를 사용하고 있다는 점을 보았을때는 문법의 변경은 크게 나타나지 않을 것 같습니다. 또한, 서버리스의 DB 이자 Sqlite3를 이용하여 Edge 단에서 동작하는 Cloudflare의 특징을 잘 살려낸 만큼 여타 서비스들과 마찬가지로 HTTP REST API를 통해 제공도 하는데, DB가 읽기 전용 토큰으로 사용해서 노출되도 괜찮다면 경우에 따라서는 클라이언트가 직접적으로 통신도 가능..

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