profile
Frontend Developer

React Custom hook을 잘 사용해보자

Class형 컴포넌트 VS 함수형 컴포넌트 React에서 컴포넌트를 선언하는 방법은 Class 방식과 함수형 방식 두 가지가 있습니다. Class형 컴포넌트 먼저 Class형 컴포넌트의 작성 방식에 대해 알아보겠습니다. 해당 코드를 봤을 때 class형 컴포넌트의 문제점을 확인할 수 있습니다. 먼저 기본적으로 반드시 작성해줘야 하는 보일러 플레이트 코드가 존재합니다. 반드시 React의 Component 클래스를 상속받아야 하고 생성자에서 super(props)를 호출 해야 합니다. 개발자 입장에서 이런 코드를 직접 작성해줘야 하는 것이 찝찝합니다. 또한 state나 props 등의 내부 속성에 접근 시 this로 접근해야만 합니다. this를 계속 붙여줘야 한다는 것 자체도 불편하지만 자바스크립트에서 this는 조금 특별합니다. 런타임에 this의 scope가 결정되기 때문에 때에 따라 this가 가리키는 것이 달라질 수 있어서 binding을 해 줘야

2022년 11월 2일
·
0개의 댓글
·