패스트코드블로그

몽고DB 홈페이지 CRUD 예제 Create or insert operations add new documents to a collection. If the collection does not currently exist, insert operations will create the collection. db.inventory.insertOne( { item: "canvas", qty: 100, tags: ["cotton"], size: { h: 28, w: 35.5, uom: "cm" } } ) db.inventory.insertMany( [ { item: "canvas", qty: 100, size: { h: 28, w: 35.5, uom: "cm" }, status: "A" }, { item: "j..

createSlice로 기존의 리덕스에서 액션 타입, 액션 생성함수, 리듀서를 다 따로 만들어주던걸 한 번에 만든다. // 슬라이스 하단부 리듀서 & 액션 리턴 const { reducer, actions } = userSlice; export const { loginAction, logoutAction } = actions; export default reducer; Genragtor Function 이란, function* FunctionName() {} 이런식으로 쓰이게 되는데, 비교적 쉽게 설명하면, yield 가 나오기 전 까지 실행하다가 yield에 해당하는 값을 return하고, (함수면 호출하고) next()을 기다리는 함수이다. Redux Saga Effect 들은 이 Generator ..

> 윈도우10에 리눅스 터미널을 설치한다. > 도커, 노드, VS코드설치한다. > 프로젝트 컨테이너 생성한다. > 서버에 라이브러리 추가한다. yarn, 몽구스, Joi, 노드몬 등 설치 ※ 라이브러리 설명 Joi 블로그 dotenv 블로그 nodemon 은 수정시자동으로 앱을 재시작한다. mkdir mern cd mern npm init next-app client mkdir server cd server npm i yarn -g yarn add express cors mongoose dotenv @hapi/joi bcrypt yarn global add nodemon npm install express-generator -g npm init // 이하 클라이언트 터미널 설치 yarn add @redu..

리덕스 툴킷으로 리덕스 사가 사용한다. 리덕스 사가란, 리덕스를 사용할 때 특정 리듀스 액션을 관찰하고 있다가, 그 액션이 실행 되면서 동시에 다른 행동을 취할 수 있게 해주는 함수이다. 리덕스 사가 이펙트함수란, call : 함수를 동기적으로 실행 all : 매개변수 배열안에 있는 함수들을 실행 fork : 함수를 비동기적으로 실행 takeLatest : 짧은 시간내에 액션이 관측되면 그 액션이 들어온 맨 마지막 것만 받아들여서 실행 delay : 매개변수에 있는 시간만큼 잠깐 멈춤 put : dispatch() 와 동일 등의 이펙트 함수가 있다. 이러한 이펙트 함수로 사용자들이 편리하게 함수를 구현할 수 있다. // Saga.js function* join(action: PayloadAction) {..

lambda 함수 형태로 Helper 구현

MERN stack & MSA React -> A JavaScript library for building user interfaces Redux -> A Predictable State Container for JS Apps Next -> The React Framework for Production Redux Toolkit -> The official, opinionated, batteries-included toolset for efficient Redux development Redux-Saga -> An intuitive Redux side effect manager. TypeScript -> JavaScript with syntax for types. 스택구조 몽고DB 사이트에서 설명한 MER..

bcrypt : bcypt는 블로피시 암호에 기반을 둔 암호화 해시 함수로서 Niels Provos와 David Mazières가 설계하였으며 1999년 USENIX에서 발표되었다 jwt : JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties. dotenv : dotenv로 환경 변수 관리하기 mongoose : mongoose 에서는 스키마(schema) 와 모델(model) 이라는 개념이 존재하는데 이는 혼동되기 쉽습니다. 스키마는, 해당 컬렉션의 문서에 어떤 종류의 값이 들어가는지를 정의합니다. 반면, 모델은 스키마를 통해서 만드는 인스턴스입니다..

서버 루트경로에 파일을 생성한다. express 의 파일구조는 다음과 같다 .idea app bin public Dockerfile .env .gitignore package.json server.js JavaScript import vs require 차이 “ 프로그램에서 동시에 사용할 수 없습니다. 일반적으로 import() 는 사용자가 필요한 모듈 부분 만 선택하고로드 할 수 있기 때문에 더 선호됩니다. 이 명령문은require()보다 성능이 우수하며 메모리를 절약합니다.”