본문 바로가기 메뉴 바로가기

Seungsu Hwang

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Seungsu Hwang

검색하기 폼
  • 분류 전체보기 (49)
    • Spring (10)
    • Algorithm (17)
  • 방명록

Javascript/React (9)
클래스형 컴포넌트 vs 함수형 컴포넌트

클래스형 컴포넌트의 문제점 연관성 없는 여러가지 로직을 하나의 생명주기 메서드에서 작성한다. 같은 로직이 componentDidMount와 componentDidUpdate 메서드에 중복으로 들어간다. 고차 컴포넌트와 렌더 속성값 패턴을 이용할 수록 리액트 요소 트리가 깊어진다. 위와 같은 문제들로 인해 새로 리액트를 작성할 때는 함수형 컴포넌트로 작성하는 것이 좋습니다. 기존 클래스형에 익숙한 분들을 위해 생명주기 메서드를 어떻게 하면 훅으로 효율적으로 바꾸어 코딩할 수 있을 지에 대해 알아보겠습니다. constructor 메서드 클래스형 컴포넌트에서 constructor 메서드는 주로 props로 내려온 데이터를 통해 초기 state 값을 설정하는 용도로 사용됩니다. 또한 클래스 내의 메서드를 바인딩..

Javascript/React 2021. 12. 22. 00:18
이전 1 2 3 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바