전체 글

{ "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 를 해준다. 이후 클러스터 이름을 입력해 준 다음  프로젝트 목록으로 가서 보면 삭제버튼이 활성화 된다.

MongoDB Atlas1. Project 생성하기2. Project Member 추가하기멤버를 안추가해도 상관 없다.3. Cluster 만들고 요금제 설정 및 기본 세팅해주기Create를 해주면 아래와 같은 화면에 나오는데요금제는 다음과 같은데 연습할용도로 사용하려면 M0 무료 요금제를 사용하자이름을 지정해주고, 아래에 두가지 옵션이 있다.Automate security setup : 처음 기본 설정을 작업을 단순화 시켜준다.Add sample dataset : 샘플 데이터를 생성해준다.만약 sample dataset을 하면 아래와 같은 샘플 데이터가 생성되는데 필요 없으면 옵션을 빼주자4. Security Setting위에서 Automate security setup 옵션을 설정해주면 위에 설정이 빠..

MongoDB 와 Next.js 를 알기전에 mongoose에 대해 먼저 알아봐야한다.Mongoose란Mongoose는 Node.js 와 MongoDB를 위한 ODM(Object Data Mapping) 라이브러리다.mongoose가 하는 역할은 DB의 데이터를 javascript 객체로 바꿔주는 역할을 해준다.MongoDB Atlas 설정해주기개발용으로 사용하기 위해 Security - Network Access 부분에서 ALLOW ACCESS FROM ANYWHERE 을 하나 추가 해준다.DEVELOYMENT - DATABASE 부분에 들어가면 위 와 같은 화면이 나오는 여기서 connect로 연결 시켜준다.여기서 Drivers를 선택하면 아래와 같은 화면이 나온다.View full code samp..