nextjs2 Prisma 시작하기 Prisma는 Node.js, TypeScript ORM입니다. 직관적인 데이터 모델, 자동 마이그레이션, 타입 안정성과 자동 완성 기능 등등...개인적으로 스키마 구조 데이터 타입 등 model로 타입을 정해버리니 AI 부려먹기 좋습니다. Prisma 공식문서https://www.prisma.io/ Prisma | Instant Postgres plus an ORM for simpler db workflowsBuild, fortify, and grow your application easily with an intuitive data model, type-safety, automated migrations, connection pooling and caching.www.prisma.io 사용 스택ne.. 2025. 6. 25. [Next.js 14] 이미지 성능 개선 , Next/Image CPU 사용량 이슈 , react-lazy-load-image-component 적용기 프로젝트에 이미지가 많아지니 초기 로딩이 느려졌다.이미지 최적화가 필요해 Next/Image 컴포넌트를 사용해 봤다. Next.js Image 컴포넌트Next.js에서 제공하는 이미지 최적화 전용 컴포넌트브라우저에 효율적으로 이미지를 로드하고, 페이지 로딩 속도와 성능을 향상하기 위해 사용✅ 주요 기능 자동 최적화👉 이미지 사이즈, 포맷(avif, webp 등) 자동 변환Lazy Loading👉 화면에 보일 때만 로드 (초기 페이지 로딩 가벼움)Responsive 이미지👉 다양한 화면 크기에 맞게 사이즈 자동 조절이미지 CDN👉 Next.js가 제공하는 이미지 CDN으로 빠른 전송placeholder👉 이미지 로드 전 흐릿한 썸네일 효과 제공 propssrcstring | StaticImport.. 2025. 4. 16. 이전 1 다음
