20220405_TIL

🔹오늘 한 일

React 학습

• React 함수형, 클래스형 구조
• Component
• Props
• State
• event
  • bind
  • preventDefault

github markdown 작성법

• VSCode에서 md파일 미리보기 단축키: Ctrl + Shift + V
• github 배포시 codeblock 하는 방법 (개인적으로 백틱이 더 편한듯) 
  • ``` ``` (백틱) 

  ```javascript
  class Subject extends Component{
    render(){
       return (
          <header>
             <h1>{this.props.title}</h1>
             {this.props.sub}
          </header>
       );
    }
  }
  
  
  class App extends Component{
    render(){
       return (
          <div className="App">
             <Subject title="WEB" sub="world wid web!"></Subject>
          </div>
       );
    }
  }
  ```

  • <pre><code>

  <pre>
      <code>
         class Subject extends Component{
            render(){
               return (
                  <header>
                     <h1>{this.props.title}</h1>
                     {this.props.sub}
                  </header>
               );
            }
         }
  
  
         class App extends Component{
            render(){
               return (
                  <div className="App">
                     <Subject title="WEB" sub="world wid web!"></Subject>
                  </div>
               );
            }
         }
      </code>
  </pre>

 

참고 사이트: https://gist.github.com/ihoneymon/652be052a0727ad59601