Today I Learn

리액트로 간단한 프로젝트를 만들며 공부하고 있는 요즘, create-react-app 으로 리액트를 실행할 때 매번 사용하지 않는 폴더들을 일일히 지워줘야하는 번거로움이 생겼다. 쓸데없는 리액트 로고, readme등을 삭제한 템플릿으로 만들어 쓰고싶어 찾아보니 역시 있었다. 똑똑한 사람들 지식베끼기~ 다음에 까먹지않게 기록해놔야지 $ cp -R [기존(복사할)폴더명] [새로만든 폴더명] 예를들어 로고 등을 삭제한 폴더를 템플릿으로 만들고자 할 때, 하나의 샘플을 만들어두고(template) 새로 폴더를 만들(test)어 복사하고자 할때 $ cp -R template test 라고 입력해주면 똑같이 만들어진 폴더가 복사된다!

리액트에서 반복문을 사용하려고 할 때 아래와 같이 return문 안에서 for 문은 사용할 수 없다 // for문 사용불가 function App() { const Month = ["1월", "2월", "3월", "4월", "5월", "6월"]; return ( { for ( let i = 0; i ( {month} ))} ); }

몽고DB를 연동하던 중 비밀번호가 담겨있는 키를 코드에 옮겨적어야 했다. 깃허브에 올려야하는데 내 비밀번호가 보이면 안되니깐! 2021.10.18 - [Today I Learn/Git] - [Git/GitHub] .gitignore 사용방법, 불필요한 파일 깃에 올리지 않는법 [Git/GitHub] .gitignore 사용방법, 불필요한 파일 깃에 올리지 않는법 gitignore? git 저장소에 파일을 올릴 때, 모든 파일을 올릴 수는 없다. 보안상 위험성이 있는 파일, 프로젝트와 관계 없는 파일, 용량이 너무 커서 제외해야하는 파일 등이 있기 때문에 git add 에서 wonblog.tistory.com 여기에 올리기도 했지만 조금 더 자세하게 써보려고 한다. 나중에 까먹을까봐 // index.js ..

gitignore? git 저장소에 파일을 올릴 때, 모든 파일을 올릴 수는 없다. 보안상 위험성이 있는 파일, 프로젝트와 관계 없는 파일, 용량이 너무 커서 제외해야하는 파일 등이 있기 때문에 git add 에서 제외시키고 싶은 경우가 있다. 이 때, .gitignore 디렉토리를 만들어 사용한다. 사용방법 특정파일이름 제외하기 Example.js 현재 경로에 있는 파일 제외하기(같은이름의 다른경로에 있는 파일은 제외하지 않음) /Example.js 특정 폴더안의 파일 전체 제거하기 node_modules 특정경로의 특정파일 제거하기 folder/Example.js 특정확장자 모두 제거하기 *.txt 제거에서 예외하기 !Example.js 결과 비교하기 .gitignore 폴더에 node_modules..

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"