# Class Component

hyounglee

아직 익숙하지 않은 훅스 개념을 직접 코드로 쳐보면서 익혀보자. 3주 전에 만들었던 Instagram 로그인페이지를 Hooks를 사용해서 functional 컴포넌트로 바꿔보고 styled-component를 적용해서 새로 작성해보았다.

hipiction

React의 핵심 개념인 props, state, life cycle 그리고 functional component와 class component에 대해 공부합니다.

gunwooko

아래와 같은 방식으로도 가능하다.Velopert - 누구든지 하는 리액트 4편: props 와 state

miniyoung37

render 함수가 반드시 존재해야 한다.state 의 사용이 가능하다.lifecycle API의 사용이 가능하다.클래스형 컴포넌트에 비해 선언하기가 편하다.메모리 자원을 클래스형 컴포넌트에 비해서 덜 차지한다.빌드 후 배포시에 결과물의 크기가 작다.코드가 길고 복잡하