YG - 96년생 , 강아지 있음, 개발자 희망

저번 글에서 1년만에 프로젝트를 AWS의 EC2와 RDS를 이용해서 배포했는데요. 복구하고보니 이미지를 업로드하거나 불러올 때 Cloudflare를 사용했었는데 지금은 요금을 따로 내고있지 않아서인지 속도가 느렸고, 업로드도 되지 않았습니다. Cloudflare 이미지 업로드, 비용 문제가 생기다 Cloudflare가 얼마일까 알아봤습니다. 매달 5달러 정도면 충분히 이용할 수 있지만 AWS 프리티어 기간이기 때문에 AWS의 S3, CloudFront로 비용 절감을 하면서 기능을 살려볼까 합니다. 그리고 추후 비디오 기능도 넣을 수도 있는데, Cloudflare에서는 비디오 요금제에서도 5달러를 따로 결제해야 하는 부분에서도 별로라고 생각했습니다. AWS 프리티어로 대체할 수 있을까?Amazon S3 (..

예전에 진행했던 포트폴리오 사이트 프로젝트를 이어가려 하는데, 오랜만에 'coDDink' 프로젝트를 다시 살펴봤습니다.  1년 동안 방치된 프로젝트였지만, 다시 살려보고 싶어졌어요.  프로젝트를 다시 살리려고 보니 첫 번째 난관에 부딪혔습니다. 기존에 사용하던 PlanetScale이 2024년 4월부터 Hobby 플랜을 중단했다는 소식이었죠. 무료로 사용할 수 있었던 서비스가 이제는 유료로만 이용 가능하다니, 학생이나 취준생의 입장에서는 꽤나 부담스러운 변화였습니다.  Hobby tier deprecation - FAQ — PlanetScaleLearn how to use PlanetScale to power your application.planetscale.com  고민 끝에 AWS 프리티어를 활용해..

manifest.json "background": { "service_worker": "background.js" },"permissions": [ "tabs",... background.jschrome.runtime.onMessage.addListener((request, __, sendResponse) => { console.log("Received message:", request); // 메시지 처리 로직 if (request.action === "doSomething") { console.log("Action performed."); sendResponse({ status: "success" }); } else { sendResponse({ status: "..

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec. vite에서 배포하고 /details/1, /edit/1 이런 :id를 받는 곳에서 새로고침을 하거나 새 탭으로 접속할 때 흰 화면이 나오면서 해당 에러가 나왔었다. 그래서 vercel 배포 문제인줄 알고 netlify로 바꾸기도 했었지만 그대로이길래 구글링을 통해서 해결방법을 찾았어요.  기존에는 base가 '.' 으로 되어있었는데 '/'으로 고치고 난 뒤 ..

맥에서 소프트웨어 업데이트를 하고 난 뒤 기존에 잘 사용하던 소프트웨어가 정상적으로 작동하지 않는 경우가 있습니다. 아래의 명령어를 통해서 해결해야 합니다 에러 메세지 xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun   xcode 명령어를 터미널에 입력해줍니다.xcode-select --install     참고자료  Mac 업그레이드 후 xcrun: error: invalid active developer path 에러 해결하기MacOS 업그레이드 시 어김없이 발생하는 문제가 하나 있..

시작하기 주소 https://dash.cloudflare.com/ 리사이징은 무료이고 20여 가지의 사이즈로 변경하여 조회할 수 있다고 합니다. 저장 시 저장소는 10만 이미지 당 5달러입니다. 조회 시 10만 이미지 당 1달러입니다. 이미지 업로드 API docs 읽기 아래의 3가지 문서를 참고했습니다. Make your first API request · Cloudflare Image Optimization docs To make your first request to the Images API, you must obtain these pieces of information: developers.cloudflare.com Direct Creator Upload · Cloudflare Image Opt..

원인 prismaclient가 이미 존재하는데도 계속 만들어내서 일어나는 에러로 추정합니다 기존의 코드 import { PrismaClient } from '@prisma/client'; const prisma = new PrismaClient(); export default prisma; 수정한 코드 import { PrismaClient } from '@prisma/client'; declare global { var prisma: PrismaClient | undefined; } const prisma = global.prisma || new PrismaClient(); if (process.env.NODE_ENV === 'development') global.prisma = prisma; expo..

request.json의 값을 타입 지정하고 싶었습니다. 검색하여서 적용한 방법. (NextApiRequest를 확장하여 사용하는 방법) interface CategoryApiRequest extends NextApiRequest { body: { name: string; description?: string; }; } export async function POST(request: CategoryApiRequest) { const { name, description } = request.body; 비슷하게 생긴 NextRequest와 NextApiRequest 둘의 차이가 무엇인지 알아보려고 합니다. NextRequest Request는 NodeJs의 Request를 확장하여 만든 클래스였습니다. 그래..