Today I Learn

Schema? mongoDB는 테이블이 없기 때문에 실수로 오타를 내거나 데이터타입을 잘 못 입력해도 에러를 발생시키지 않는다. 이러한 문제를 막기 위해 몽구스는 스키마를 도입했다. 몽구스는 사용자가 작성한 스키마를 기준으로 데이터를 DB에 넣기 전에 먼저 검사하여 하나하나 지정해준다. 스키마에 어긋나는 데이터가 있으면 에러를 발생시킨다. 즉 테이블과 어느 정도 비슷한 역할을 한다 예제) const mongoose = require('mongoose'); const userSchema = mongoose.Schema({ name: { type: String, maxlength: 50 }, email: { type: String, trim: true, unique: 1 }, password: { type:..

https://cloud.mongodb.com/ MongoDB Cloud MongoDB Cloud는 최신 애플리케이션을 위한 통합 데이터 플랫폼으로, 글로벌 클라우드 데이터베이스, 검색, 데이터레이크, 모바일 및 애플리케이션 서비스를 포함하고 있습니다. www.mongodb.com 몽고디비 접속! 싱가폴로 설정해주고 Cluster Name 맘대로 바꿔주고 Create Cluster 고고 3분정도 기다리면 클러스터가 만들어진다. Choose aconnection method 클릭 후 Connect your application 클릭해서 넘어가기 가린부분 복사하기! vscode로 돌아가 mongoose 설치해준다 $ npm install mongoose --save // index.js const expre..

로컬에 있는 모든 내용을 원격저장소의 내용으로 덮어쓰려는 경우 사용 git pull 덮어쓰기 $ git fetch --all $ git reset --hard origin/master master가 아닌 다른 branch로 덮어쓰기 $ git fetch --all $ git reset --hard origin/ 현재 로컬 커밋을 다른 branch에 저장한 후, git pull로 덮어쓰기 $ git checkout master $ git branch $ git fetch --all $ git reset --hard origin/master

2021.09.07 - [Today I Learn/React] - [React.js] input box에 1000단위마다 자동으로 comma 넣기 [React.js] input box에 1000단위마다 자동으로 comma 넣기 react-number-format npm pakage를 이용하여 쉽게 구현할 수 있다. npm install react-number format 예제구현 - 1000 단위마다 콤마 찍기 import React from 'react'; import NumberFormat from 'react-number-.. wonblog.tistory.com Input으로 입력 받았던 것에 1000단위로 콤마를 찍기 위해 NumberFormat 라이브러리를 사용했다. comma는 제대로 나오지만..

react-number-format npm pakage를 이용하여 쉽게 구현할 수 있다. npm install react-number format 예제구현 - 1000 단위마다 콤마 찍기 import React from 'react'; import NumberFormat from 'react-number-format'; function App() { return ( ); } export default App; - 신용카드 넘버 포맷 import React from 'react'; import NumberFormat from 'react-number-format'; function App() { return ( ); } export default App; - 날짜 포맷 import React from 'r..

geolib 라이브러리를 TypeScript에서 사용하기 위해서는 TypeScript로 감싸준 패키지가 함께 설치되어야 함. 1. geolib 라이브러리를 @type 패키지까지 함께 설치한다 npm install geolib npm install @types/geolib 2. 사용이 필요한 곳에서 geolib을 import 한다. import * as geolib from "geolib"

Install npm install geolib yarn add geolib Usage import { getDistance } from 'geolib'; Functions getDistance(start, end, accuracy = 1) 두 지리 사이의 좌표를 계산한다. getDistance는 최대 3개의 인수를 사용하는데, 처음 2개는 유효해야 한다. // 예제 getDistance( { latitude: 51.5103, longitude: 7.49347 }, { latitude: "51° 31' N", longitude: "7° 28' E" } );

useEffect useEffect는 기본적으로 몇 가지 조건에 의해 작동하게 된다. 1. 페이지가 처음 렌더링 되고 난 후 2. useEffect에 배열로 지정한 useState값이 변경될 때 즉 useEffect는 랜더링, 변수의 값 혹은 오브젝트가 달라지게 되면 그것을 인지하고 업데이트 해주는 함수이다. useEffect는 콜백함수를 부르게 되며, 랜더링 혹은 값, 오브젝트의 변경에 따라 어떠한 함수 혹은 여러개의 함수를 동작시킬 수 있다. useEffect를 사용하는 방법 useEffect(() => {}); 가장 기본적인 형태이지만 잘 사용하지 않는 형태이다. Dependency가 없기 때문에 랜더링 할 때 한번, 그리고 어떤 작은 변화가 있을때마다 시시때때로 useEffect가 발생되므로 불필..

출력 console.log 입력 자바스크립트(Node.js)에는 Java의 Scanner와 같은 입력시스템이 없기 때문에 다음과 같은 방법을 사용하여 입력을 받는다. fs모듈로 stdin을 로드 const input = require('fs').readFileSync('/dev/stdin').toString().split(''); console.log(Number(input[0]) + Number(input[1])); // input : 1 2 // output : 3 readline 모듈 사용 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdo..

간편한 디자인을 위해 부트스트랩을 이용해보고자 한다!! react-bootstrap을 다운받고 임포트해주기 $ npm install react-bootstrap https://bootswatch.com/ Bootswatch: Free themes for Bootstrap Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. bootswatch.com 위 사이트로 들어간 후 마음에드는 테마를 다운로드해준다. 나는 Minty를 다운받았다. 다운받은 css파일을 프로젝트에 넣어주면 끝!! https://react-bootstrap.githu..