🍀 네이버후드 (Next.js, TypeScript, Prisma, Cloudinary)

🌟 Prisma Prisma는 Node.js와 Typescript의 ORM(Object Relational Mapping)이다. 자바스크립트 혹은 타입스크립트 코드와 데이터베이스 사이에 다리를 놓아준다고 생각하면 된다. SQL 같은 데이터베이스 언어를 작성하지 않고

일반적으로 form 작성하기 보통은 일반적으로 form을 작성한다고 해보자. 각각의 인풋마다 state를 만들어 관리해야 하고, 핸들러도 작성해야 하는데 특히 밸리데이션이 엄청나게 많아진다. ^^... ✅ React-hook-form 📝 1. 적은 코드(Less

NextJS에서는 /pages/api 폴더 내의 모든 파일이 /api/\*에 매핑되며 페이지 대신 API 엔드포인트로 처리된다. 이는 서버 측 전용 번들이며 클라이언트 측 번들 크기를 늘리지 않는다.NextJS에서 API Route를 작동하려면 req, res를 매개변

Prisma Client API 사용하여 User DB에서 email/phone으로 user 찾거나 생성하고, 인증 토큰을 생성해보자.

사용자 인증: 메일로 인증토큰 보내기(네이버, nodemailer)

클라이언트 사이드에서 useSWR()을 사용하여 데이터를 불러오는 방식서버 사이드에서 NextJS가 제공하는 함수를 통해 데이터를 불러오는 방식useSWR("/api/products")로 api 경로에 요청을 보낸다.api 핸들러에서 프리즈마 서버로 요청을 보내고 응답

profile 페이지도 서버 사이드에서 렌더링해보자!방법은 동일하다.기본 내보내기한 컴포넌트만 getServerSideProps 함수 실행 시 데이터를 props으로 받을 수 있기 때문에 반드시 props를 받을 컴포넌트를 export default 해야 한다.마찬가지

React error #425, #418, #423