전체 글

Next.js 14 에서 editor 구현중에 다음과 같은 오류가 났다.❗️TypeError: Cannot read properties of undefined (reading 'prototype') 여러가지 방법이 있었지만 page에 “use client”를 잊어버렸다. 혹시라도 Next.js 에서 오류가 난다면 "use client" 를 빼먹었는지 확인해보자

📘 Next.js 에 markdown 설치 하기# ✨ Next.js에서 MDX 사용하기## 📦 MDX 관련 패키지 설치yarn add @next/mdx @mdx-js/loader @mdx-js/reactyarn add --dev @types/mdx@next/mdx: Next.js에서 MDX를 지원하기 위한 공식 패키지@mdx-js/loader: MDX 문서를 컴파일하는 Webpack 로더@mdx-js/react: MDX 문서 내에서 React 컴포넌트를 사용하기 위한 기능을 제공합니다.@types/mdx: TypeScript 프로젝트에서 MDX 파일에 대한 타입 지원을 제공합니다.remark-prism: 마크다운 내 코드 블록을 하이라이팅하기 위한 패키지 (선택사항)🔧 next.config.mjs ..

{ "extends": ["next/babel", "next/core-web-vitals"]}Error 발생❗️Parsing error : Cannot find module 'next/babel’에러표시가 발생해도 웹은 정상적으로 동작했지만 코드상에서 에러표시가 너무 보기가 싫었다.next/babel 을 새로 설치하는 방법도 소용이 없었다.해결방법- eslintrc.json -{ "extends": ["next/babel", "next/core-web-vitals"]}extends 에 next/babel 을 추가하는 것으로 에러표시가 사라졌다. 어차피 eslint 오류라 별 상관 없는데 에러가 왜 발생하는지는 나도 잘 몰루?, 혹시 발생하더라도 바로 해결방법을 적용하지말고 프로젝트를 껐다 다시 켜보면..

vscode snippet 당신의 시간을 소중히 해주는 snippet 사용하기1. snippets 설정 접근하기접근방법 1. cmd + shift + p 를 통해 아래와 같이 snippets에 들어가기접근방법 2. code - preferences - configure user snippets 로도 접근 가능2. 설정할 언어 입력필자는 typescriptreact.json 을 사용하므로 typescriptreact.json에 내용을 작성을 했다.3. 자신만의 커스텀 스니펫 작성snippet-generator.app/ 에서 간단하게 작성 가능하다.${TM_FILENAME_BASE}은 생성된 해당 파일의 이름이다.Description은 스니펫을 간단하게 설명하는 부분Tab trigger는 스니펫을 불러온 단..

MongoDB Atlas에 아래와 같은 프로젝트들중 하나를 삭제하려한다. This project cannot be deleted if there are active clusters or has enabled Backup Compliance Policy with active snapshots 하지만 삭제를 하려면 위와 같은 문구가 나오면서 삭제를 할 수 가 없다  이렇게 나오는 경우 해당 프로젝트에 가서 Terminate 를 해준다. 이후 클러스터 이름을 입력해 준 다음  프로젝트 목록으로 가서 보면 삭제버튼이 활성화 된다.