nextjs
1.[Next.js] react-calendar 사용해보기(1)
react-calendar 사용해보기
2.[Next.js] react-calendar 사용해보기(MongoDB)(2)
저번에 이어서 이번에는 일정 목록을 불러오고 추가하는 작업을 해야 한다.
3.[Next.js] react-calendar 사용해보기(MongoDB)(3)
MongoDB 사용해보기
4.[Next.js] Tiptap 사용해보기
Tiptap is a headless editor framework with an open source core.
5.[Next.js] Tiptap에 이미지 추가하기(Cloudinary)
지난 포스트에 이어서 이번엔 Tiptap에 이미지를 등록하고 저장할 것이다. 이미지 클라우드는 Cloudinary를 사용한다. 이미지 추가하기 Tiptap에서 이미지를 추가하려면 image extension을 따로 추가해 주어야 한다. Image extension 을
6.[Next.js] 회원가입 이메일 인증번호 검사(nodemailer)
회원가입 유효성 검사 현재 구현한 회원가입은 email, username, password를 입력해서 회원가입을 진행한다. 하지만 이메일 검증을 하지 않기 때문에 이를 구현해보려 한다. Username 중복 검사 간단하게 form에서 입력한 username이 DB에
7.[Next.js] Intercepting Routes
Intercepting Routes
8.[Next.js] Router Handlers
ROUTE HANDLER Route Handler는 Request와 Response API를 이용하여 커스텀 요청을 생성해준다. > Route Handlers는 app directory에서만 사용 가능하다. pages directory에서는 API routes가 존재하
9.[Next.js] Parallel Routes
Parallel routes는 같은 layout 내에 여러 페이지를 동시에 렌더링 할 수 있는 라우팅 기술이다.하나의 페이지에 여러 API를 이용해서 렌더링이 오래 걸리는 경우 해당 페이지가 로드 되기까지 시간이 오래 걸린다. 이럴 때 사용할 수 있는 것이 Parall