TIL_2019-10-04 [리액트 스프린트]

리액트 life cycle

• 컴포넌트가 마운팅될 때 : constructor( ) → render( ) → componentDidMount( )
• 컴포넌트가 업데이트 될 때 : setState( ) → render( ) → componentDidUpdate( )
• 컴포넌트 unmounting : componentWillUnmount( )
• render( )도 life cycle 함수다..!

리액트 스타일

• 인라인 스타일 <h3 style={{background : 어쩌구}}>
• css 파일 만들어서 import

github pages 배포..

• npm i gh-pages
• package.json에서 "homepage" : "https://github_user_name.github.io/저장소_이름"
• npm run build 하면 build 폴더 생김
• scripts에 추가
  • "deploy" : "gh-pages -d build",
  • "predeploy" : "npm run build"
  • npm run deploy 명령어 쓰면 predeploy 실행된 후에 deploy 실행 됨