패스트코드블로그

리덕스 데브툴 사용

https://nextjs.org/docs Getting Started | Next.js Get started with Next.js in the official documentation, and learn more about all our features! nextjs.org vscode 에서 package.json 을 확인해야 합니다. { "name": "soccer-next", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^2..

*** 공통 *** *** 사용자 ***

몽고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 구현