unk

brew install mysql

unk

import React, { Component } from 'react';
import './App.scss';

class App extends Component {
  render() {
    return (
      <div className="App">
        생략
      </div>
    );

unk

{
  test: /\.css$/,
  use: [
    '...생략'
  ],
},
// 추가될 scss 설정
{
  test: /\.scss$/,
  loaders: [

unk

yarn eject
yarn add sass-loader node-sass

unk

{
  "앞부분은": "생략",
  "babel": {
    "presets": [
      "react-app",
      "mobx"
    ]
  },
  "이후 코드도": "생략"
}

unk

yarn eject
yarn add babel-preset-mobx

unk

import React, {Component} from 'react';
import {observer} from 'mobx-react';

// decorator를 사용하는 경우
@observer
class TodoListView extends Component {
    render() {
        return <div>
            생략
        </div>

unk

import { decorate, observable } from "mobx"

class Todo {
    id = Math.random();
    title = "";
    finished = false;
}
decorate( Todo, {
    title: observable,
    finished: observable

unk

import { observable } from "mobx"

class Todo {
    id = Math.random();
    @observable title = "";
    @observable finished = false;
}

unk

{
  "name": "eject-demo",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "autoprefixer": "7.1.6",
    "babel-core": "6.26.0",
    "babel-eslint": "7.2.3",
    "babel-jest": "20.0.3",
    "babel-loader": "7.1.2",