celine

✨what is Redux ? - A Predictable State Container - redux 란 예측 가능한 상태 관리 상태 관리 라이브러리 입니다. - 그렇다면 state는 무엇일까요? ✨what is State ? - state와 props를 같이 알아봅시다. 🔑 props ? - 리액트에서는 부모 컴포넌트와 자식 컴포넌트 사이에서 값을 주고 받을 때에 props를 이용합니다. 값을 주고 받을 때에는 부모 컴포넌트에서 자식 컴포넌트로 이동이 가능합니다. 부모 컴포넌트에서 값을 전달을 했다면, 자식 컴포넌트에서전달 받은 값은 변할 수 없습니다. 만약 변경을 하고 싶다면 부모 컴포넌트에서 값을 다시 전달을 받아야 합니다. 🔑 state ? - 부모 컴포넌트에서 자식 컴포넌트로 값을 전달을 하는 ..

React는 페이지 이동을 할 때에는 React Router Dom 을 사용합니다. ✔ 참고 https://github.com/remix-run/react-router/tree/dev/examples GitHub - remix-run/react-router: Declarative routing for React Declarative routing for React. Contribute to remix-run/react-router development by creating an account on GitHub. github.com

1. npx create-react-app my-app 을 한 후 의 폴더 구조 입니다. my-app/ README.md node_modules/ package.json public/ index.html favicon.ico src/ App.css App.js App.test.js index.css index.js logo.svg 2. 처음 npm start를 했을 때 나오는 화면은 src/ app.js 파일 입니다. 3. app.js는 index.js에 App 컴포넌트로 들어가 있는 형태입니다. document.getElementById('root')) 는 public/index.html의 id="root "를 그려줍니다. - public/index.html -> page template - src/i..

1. 스키마(Schemas) 란 ? 데이터를 매핑하는데 사용되는 하나하나의 정보를 지정해 주는 역할을 합니다. 스키마에서 알 수 있는 정보는 데이터의 형식, 최소 길이, 최대 길이, 공백 등등 데이터의 정보를 알 수 있습니다. const userSchema = mongoose.Schema({ name :{ type : String, maxlength : 50 }, email : { type: String, trim: true, unique :1 }, password : { type: String, maxlength : 70 }, lastname : { type: String, maxlength:50 }, role : { type : Number, default : 0 }, image : String, t..

1. npm (node package manage) 이란 ? npm은 node.js 기반의 모듈을 모아둔 집합 저장소이다. - it is a command-line utility for interacting with the said repository that aids in package installation, version management, and dependency management 패키지 설치, 버전 관리 및 종속성 관리를 지원하는 해당 저장소와 상호 작용하기 위한 명령줄 유틸리티입니다. npm에 관한 것은 package.json에 정의가 되어 있습니다. 2. npm을 이용하여 모듈을 설치에는 두가지가 있습니다. 2-1. local에 설치하는 것 입니다. npm install 모듈이름 npm..

1. Nodemon 이란? node 서버를 킨 다음 수정 사항이 있을 때, 수정사항을 적용하기 위해서는 서버를 재가동 시켜 줘야 하는 불편함이 있습니다. 이러한 불편함을 줄이기 위해서 Nodemon을 사용합니다. Nodemon은 수정사항이 있을 때 변화를 감지하여 자동으로 서버를 재 시작해주는 tool입니다. 2. 사용방법 1) Nodemon 을 다운 받습니다. npm install nodemon --save-dev - dev를 붙이는 이유 로컬에서 할 때(개발환경)와 배포를 한 이후의 모드가 있습니다. dev를 붙이면은 로컬에서 할 때만 사용을 하겠다 라는 뜻 입니다. dev를 붙였기 때문에 package.json의 하단에 "devDependencies": { "nodemon": "^2.0.20" } ..