react 정리

npm install을 이용하여 node_modules에 환경 설치. 배포시에는 package.json만 이동.

• 한마디
  • 리액트는 웹표준을 준수할수없다? 쓸데없는 div가 계속 쓰이며 에 inline으로 밖는 onclick..
  • 똑똑한, 멍청한 컴포넌트: 기능만(class), 틀만(const) https://velopert.com/2597
  • 코드 스플리팅? : 라이브러리나 컴포넌트가 실제로 필요해질 때 나중에 불러오는 것.
  • 청크( chunk ) : 코드를 비동기적으로 불러오면 웹팩에서 처리를 하면서 코드를 분리하는 것.

• 기본 리액트 헤더 import React from ‘react’; import ReactDOM from ‘react-dom’;

• 기타 리액트에서만 쓰이는 문법

  <img src={require('./img/down.svg)}> 
  

  닫기 태그는 없어도 넣어둘것.

  class Ab extends Component{
    render(){
    	return(
        	<div> 
            </div>
        )
    }
  }
  export default Ab;
  

  변수 선언은 const

• state

• props = ts에서 protected? 변하지 않는 데이터가 필요 할 때 사용

• tech
  • 뒤로가기

    import createHistory from 'history/createBrowserHistory'  
    const history = createHistory()
    function back(){
      history.go(-1);
    }
    

  • style 주는 방법

    import styled from 'styled-components'
    

    1. 태그화 const Header(기본태그와 같으나 앞자리 대문자) = styled.header margin:0 40px;
  1. 변수화 const aLink = { position:’absolute’ } style={aLink}