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

시작하기 주소 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를 확장하여 만든 클래스였습니다. 그래..

NextJS 14 api route handler를 만들고 endpoint test를 한 과정을 기록했습니다. 0. 테스트 패키지 선정 먼저 NextJS를 테스트하기 위해 사용되는 패키지를 찾아보았습니다. 처음에 supertest가 제일 유명하고, gpt에게도 추천받아서 설치했습니다. chai-http vs mock-req-res vs node-mocks-http vs supertest | npm trends Comparing trends for chai-http 4.4.0 which has 349,053 weekly downloads and unknown number of GitHub stars vs. mock-req-res 1.2.1 which has 20,204 weekly downloads and..

Husky를 이용하여 테스트 자동화 하는 이유 깃 action에서도 테스트 자동화를 할 수 있지만 월 2,000분만 무료로 제공하기 때문에 잦은 PR을 올리거나 테스트 개수가 많아졌을 때 비용이 들 수 있습니다. 그래서 push 혹은 commit 하기 전 로컬에서 테스트가 실패하거나 불필요한 코드가 같이 PR에 올라가는 지 확인하는 것이 좋다고 생각이 들었습니다. GitHub Actions 요금 청구 정보 - GitHub Docs 계정에 포함된 스토리지 또는 시간(분)을 벗어나 GitHub Actions를 사용하면 추가 사용량에 대한 요금이 청구됩니다. docs.github.com 설치 npm install husky --save-dev npm install --save-dev lint-staged hu..

패키지 설치 npm i -g npm-check-updates를 권장합니다. npx로 설치했을 때 ncu를 터미널에 입력해도 아무런 반응이 없더라고요! npm install -g npm-check-updates 또는 npx npm-check-updates npm-check-updates Find newer versions of dependencies than what your package.json allows. Latest version: 16.14.11, last published: 12 days ago. Start using npm-check-updates in your project by running `npm i npm-check-updates`. There are 532 other project..

타입스크립트에서 타입 명시를 어느 상황에서 해야 할까요? 나는 평소에 타입 추론을 적극 활용하고 있었는데, 타입을 명시하는 상황도 있었는데 그 기준이 모호했다. 어느 상황에서 타입 명시를 하면 좋을까 생각을 해보지 않았는데 책에서 힌트를 줬다. 기본적으로 타입 추론을 하고 타입 추론이 내가 생각한 타입과 틀리다면 타입 명시를 해준다는 것이다. 타입 명시하는 상황의 좋은 기준이라고 생각하여서 나도 그렇게 하기로 생각했다. 추천합니다 저는 타입스크립트를 노마드코더 강의를 보고 입문을 했고, 프로젝트를 하며 타입에 대해 모르는 부분을 공식문서 혹은 gpt에게 물어보며 학습했습니다. 그래서 이론적인 부분(예시로 공변성, 반공변성에 대해 들어는 봤지만 잘 알지 못했습니다)은 약했는데요. 저와 비슷한 분들이 책을 ..

보투게더 프로젝트 홈 화면에서 할 수 있는 기능으로는 글쓰기, 위로 가기, 공지사항 보러 가기, 랭킹보기, 알림 , 카테고리 변경 등 다양한 동작이 있습니다. 그리고 게시글을 보는 방식이 무한 스크롤로 구현되어 있는데요. 시각 장애인이 게시글을 밑으로 계속 내리다가 글쓰기 동작 혹은 알림, 랭킹 등을 보고 싶다면 어떻게 해야 할까요? 이전 탭 인덱스를 보는 단축키를 많이 눌러서 올라가거나 새로고침을 해야 할 것입니다. 이렇듯 무한 스크롤에서는 웹 접근성을 망가지기 일쑤인데요. 프로젝트에서 해결한 방법 공유하려고 합니다. 문제 해결 1. 무한 스크롤이 시작되는 곳에 최상단이라는 것을 알릴 수 있는 버튼을 생성합니다. 버튼으로 생성한 이유는 포커스 기능을 이용해야하기에 버튼을 했습니다. 또한 무한 스크롤이 ..