Mongo DB 사용하기 MongoDB 구성 데이터베이스 👉 컬렉션 👉 도큐먼트 0 . 터미널에서 셸 접속 명령어 mongosh 입력 1. 데이터베이스 1-1. DB 목록 조회 show dbs 1-2. 셋팅된 DB 확인 db 1-3. DB 생성 / 사용 선택 use 명칭 바로 생성한 DB 사용으로 변경됨. 실제 데이터를 입력하지 않은면 show dbs 를 해도 나오지 않는다. 데이터를 가지고 있어야함. 1-4. DB 지우기 db.dropDatabase() 제거하려는 db로 접속 위의 명령어 입력 2. 컬렉션 2-1.컬렉션 생성 - 기본 컬렉션 생성 db.createCollection("user",{}) 2-2. 현제 DB의 컬렉션 상태 - DB안에 컬랙션 리스트 조회 db.getCollectionName..

1. Mongo DB 개념 1-1. NoSQL이란 SQL만을 사용하지 않는 데이터베이스 관리 시스템이다. 기존 RDBMAS의 한계를 극복하기 위해 만들어진 새로운 형태의 데이터 저장소. 비관계형태로 고정된 스키마 및 JOIN이 존재하지 않는다. 1-2. Docuement 구조 문서 내용은 JSON 형태( Key,Value )의 객체로 되어 있다. "_id" 는 DB에서 제공해주는 유일한 값이다. Collection 안에서 저장되고 다른 스키마와 공유할 수 있다. 1-3. mongo DB와 RDBMS 의 차이점 스키마 MongoDB : 스키마가 없는 자유로운 데이터 모델 RDBMS : 정규화와 참조 무결성이 보장된 스키마 데이터 모델 MongoDB : Collection DBMS : Table 하나의 데이..

Router 페이지 불러오기 / 네비게이션 기능 1. 구조 셋팅 1-1. 라이브러리 설치 npm install react-router-dom react-router-dom : web 에서 사용 react-router-native : app 에서 사용 react-router : web / app 에서 사용 1-2. 폴더 경로 생성 컴포넌트 역할에 맞는 폴더 생성하여 분리하여 관리 src 폴더안에 컴포넌트 경로를 생성해준다. components : 기능 별 컴포넌트 routes : 라우터가 보여줄 화면 컴포넌트 2. 라이브러리 적용 2-1. BrowerRouter & HashRouter BrowerRouter html5 history API 를 활용해서 UI를 업데이트 동적인 페이지에 적합 새로고침 시 경로..

axios 사용과 영화 데이터 가져오기 1. 라이브러리 설치 npm install axios 데이터를 읽어올때 사용하는 라이브러리 설치 2. 영화데이터 제공 사이트 https://yts.mx/api#list_movies 3. 크롬 확장프로그램 : JSON 문서 확인 크롬 확장기능 json view 에서 API를 통해 받아올 수 있는 데이터, json 문서를 깔끔하게 확인 가능하다. 사용 가능한 데이터로 변경 https://yts-proxy.now.sh/list_movies.json 4. 프로젝트 적용 3-1. axios 적용 📑App.js import React from "react"; import axios from "axios"; class App extends React.Component { sta..