React58 React 마지막 간단한 프로젝트 1일차- 개요 우리집이 가게이기 때문에 우리 집도 미래를 대비하기위해 홈페이지를 만든다면 어떤식이 좋을까 라는 마음으로 시작했습니다. 일단 시작은 설명 부터 해야되겠고 두번째는 구매 우리집은 사실상 저 두메뉴가 메인 이므로 두개만 넣었습니다. 계획 1.react-router-dom으로 페이지 4개로 나누기 2.containerm,page,component 이렇게 삼단구조로 만들기 3.저장은 내부에서 context사용 4.색은 우리집 간판이 빨간색이였고 그다음 파란색 그다음 현재 노란색 이 세가지 색을 메인으로 사용 5.주문에서 클릭시 숫자 올라가고 적을수도 있도록 하기 일단 이정도 계획으로 만들었습니다. 이제 진짜 만들기 시작해보겠습니다. 2022. 2. 28. React27일차-mobx(async) 오늘은 기존 프로젝트에서 async를 사용해보겠습니다. 코드열고 npm start해주세요 우선 작동 확인을 위해서 데이터를 한개 더만들어주겟습니다. context/Database.js 파일 만들어주세요 Database.js import { action, computed, makeObservable, observable } from "mobx"; export default class Database { @observable Database = []; constructor(roots) { makeObservable(this); } @action success(data) { this.Database = data; } } 배열을 가지고 있는 database라는 저장공간을 한개 만듭니다 root.js import.. 2022. 2. 22. React27일차-mobx(inject,store) 오늘은 inject와 store에 대해서 알아보겠습니다. 우선 코드를 열어주시고 npm start해주세요. index.js import React from "react"; import ReactDOM from "react-dom"; import "./index.css"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import { action, computed, makeObservable, observable } from "mobx"; import { Provider } from "mobx-react"; class add { @observable add1 = 1; @observable add2 = 2; construc.. 2022. 2. 21. React26일차-mobx-computed,action 오늘은 computes action에 대해서 배워 보겠습니다. 어제 했던 것에서 이어서 하겠습니다 npm start도 같이해주세요 우선 computed에 대해서 배워보겠습니다. import React from "react"; import ReactDOM from "react-dom"; import "./index.css"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import { makeObservable, observable } from "mobx"; class add { @observable add1 = 1; @observable add2 = 2; constructor() { makeObservable(this.. 2022. 2. 20. 이전 1 2 3 4 5 6 ··· 15 다음
