개발/리액트 30 [리액트] typescript, mobx 에서 private state를 처리하는 방법에 대하여 mobx 상에 store를 만들어 사용할 때 일반적으로 observable를 통해 만들게 됩니다. 간단한 예를 들어 설명하겠습니다. 일반적으로 클래스형 store에서는 간단하게 makeObservable()를 통해 간단히 만들곤 합니다. import { action, makeObservable, observable } from 'mobx' class Count { number: number = 0 constructor() { makeObservable(this, { number: observable, increase: action, decrease: action, }) } increase = () => { this.number++; } decrease = () => { this.number--; } } .. 2021. 1. 19. [리액트] 브라우저 notification 구현해보기 이번 포스트에서는 브라우저에서 notification를 push 하는 간단한 방법에 대해 알아보려고 합니다. 완성된 모습은 아래와 같습니다. 코드는 크게 App 부분과 notification 부분으로 나뉘게 되고 함수로는 useNotification이 권한을 요청하는 기능, notificiation를 만들어서 push 주는 기능을 제공합니다. import React from "react"; import ReactDOM from "react-dom"; import "./styles.css"; const useNotification = (title, options) => { if (!("Notification" in window)) { return; } const fireNotif = () => { /* 권.. 2021. 1. 5. 이전 1 ··· 5 6 7 8 다음
