0628

홀짝 판별 함수

    let count = 0
    function hey() {
        count += 1
        if (count % 2 == 0) {
            alert('짝수')
        } else {
            alert('홀수')
        }
    }
    
    
    React Context

어떤 component tree 내에서는 최상위 component부터 최말단 component에 걸쳐 전역(globa)으로 관리해야 할 데이터가 필요하다.

숫자 박스

import React, {Component} from 'react';

class AddNumber extends Component{
  render() {
    return(
      <div>
        <h1>Add Number</h1>
        <input type="button" value="+"></input>
        <input type="text" value="+"></input>
      </div>
    );
  }
}

class AddNumberRoot extends Component {
  render(){
    return (
      <div>
        <h1>Add Number Root</h1>
        <AddNumber></AddNumber>
      </div>
    );
  }
}

class DisplayNumber extends Component {
  render() {
    return(
      <div>
        <h1>Display Number</h1>
        <input type="text" value="0" readOnly></input>
      </div>
    );
  }
}

class DisplayNumberRoot extends Component{
  render() {
    return (
      <div>
        <h1>Display Number Root</h1>
        <DisplayNumber></DisplayNumber>
      </div>
    );
  }
}

function App() {
  return(
    <div className="App">
      <h1>Root</h1>
    </div>
  );
}

export default App;