ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 리액트 개인 공부 정리 (2)
    Computer Science/React 2019.03.24 15:11


    17. Styling React Components


    (1) CSS stylesheets 


    기본적이고 전역적인 CSS 스타일 


    (2) Inline styling


    JS Object 형식으로 만들어서 


    직접 태그에 넣는 인라인 방식 


    꽤 명확함.


    (3) CSS Modules


    모듈 형식으로 지역적으로 


    사용할 수 있게 만들어 줌.


    (4) CSS in JS Libaries 


    Styled-Components


    리액트 컴포넌트 스타일링 


    하기 훨씬 더 좋으므로 강력 추천


    18. Basics of Form Handling


    (1) HTML 태그 추가하기


    (2) 컴포넌트 State에 요소 값 할당하기 


    (3) State를 Update 하는 Change handler 할당하기


    19. Component Lifecycle Methods


    오직 클래스 컴포넌트 해당한다.


    부분적으로 hooks Lifecycle에 관련있다.


    Mounting : 컴포넌트의 인스턴스가 생성될 때, DOM에 넣을 때


    constructor, static getDerivedStateFromProps, 


    render and componentDidMount


    Updating : props 혹은 state 변화의 결과로 


    컴포넌트가 re-render 할 때


    static getDerivedStateFromProps, shouldComponentUpdate,

     

    render, getSnapshotBeforeUpdate and componentDidUpdate


    Unmounting : DOM으로 부터 컴포넌트가 제거될 때


    componentWillUnmount


    Error Handling : Lifecycle method 혹은 


    어떤 child component의 constructor에서


    rendering 동안 에러가 발생할 때


    static getDerivedStateFromError and componentDidCatch

    댓글 0