Model은 Schema를 감싸주는 역할! model 폴더를 생성 후 그 안에 User.js 를 다음과 같이 생성한다 .
JavaScript, React 🍦
1. 몽고디비 사이트 접속 몽고디비 사이트에 접속한다. https://www.mongodb.com/home MongoDB: The Developer Data Platform Get your ideas to market faster with a developer data platform built on the leading modern database. MongoDB makes working with data easy. www.mongodb.com Build a Database 버튼을 눌러 cluster를 생성한다. 다음과 같은 설정으로 cluster를 생성해준다. cluster 이름은 boilerplate로 해주었다. username과 password를 입력하여 몽고DB 유저도 생성해주었다. mongoD..
1. nodejs가 설치되어있는지 확인 검색창에 cmd를 입력하고 cmd창 내에서 node -v 명령어를 통해 nodejs가 설치되어 있는지 확인한다. 2. boiler-plate 폴더 생성 documents폴더로 들어간 뒤 boiler-plate 폴더를 생성하고 boiler-plate 폴더 안으로 들어간다. 3. npm init npm init 입력 후 다음과 같이 환경설정하여 새로운 or 존재하는 npm package를 만들어준다. author에는 자신의 이름을 입력한다. 4. visual studio로 프로젝트 열기 visual studio에서 방금 만든 프로젝트를 열면 package.json에서 npm init을 통해 설정한 내용을 확인할 수 있다. 5. index.js 생성 백엔드 시작점인 in..
터미널에 아래 커맨드 실행 npm install --save bootstrap npm install --save reactstrap index.js파일에 아래 코드 추가 import 'bootstrap/dist/css/bootstrap.css';
import { useHistory } from "react-router-dom"; react-router-dom에서 useHistory를 import해오려고 하였는데 다음과 같은 오류가 떴다. 문제원인 react-router-dom 버전이 6버전대로 올라가면서 useHistory()가 useNavigate()으로 바뀌었다. 해결방법 다음의 코드를 대신 삽입한다. import { useNavigate } from 'react-router-dom'; const navigate = useNavigate(); navigate('/home') 추가적으로 useHistory를 useNavigate으로 바꿔준다. 추가오류 발생 이번에는 다음과 같은 오류가 발생했다. 문제원인2 useNavigate가 고차컴포넌트(H..
firebase.js파일에 export default firebase; 를 입력하여 firebase를 export해오려 했으나 다음과 같은 오류가 떴다. firebase 8 버전과 9 버전의 사용법이 변경되어, v8 코드를 그대로 사용하기 위해서는 api를 firebase/compat/으로 사용하면 된다. // firebase v8 버전 import firebase from "firebase/app" import "firebase/auth"; import "firebase/database"; import "firebase/storage"; // v9에서 v8 호환 API import firebase from "firebase/compat/app" import "firebase/compat/auth"; i..
