리액트 반복학습5. 클래스 컴포넌트

devBear·2025년 1월 4일
post-thumbnail

🤔 클래스 컴포넌트란?


함수(function)컴포넌트 이전에 많이 사용되었던 리액트의 컴포넌트

많은 개발 문서들이 클래스 컴포넌트로 작성되었었다.

리액트 내 중요한 함수 중 하나인 lifecycle 함수function 컴포넌트가 지원하게 되자

많은 개발자들이 함수형 컴포넌트로 넘어가게 되었고 리액트 공식문서에서도 현재는 함수형 컴포넌트를 쓰기를 권장하고 있다.


🤔 클래스 컴포넌트는 어떤 형태이지?



먼저 기존 클래스 컴포넌트에서처럼 간결하게 사용하였떤 방식은 사용할 수 없었다.

state를 만들려면 import로 {useState} 를 해와서

const [] = useState(); 등의 메서드로 커스텀 훅을 만들었으면 되었을텐데

매우 복잡하게 생성을 하고 상태변화함수조차도 직접 만들어서

this를 사용하여 호출에 이르기까지 사용 자체가 매우 번거로웠었다.


💡 결론은?


리액트에서 현재 시점으로는 물론 함수형 컴포넌트를 압도적으로 많이 사용하지만

기존 앱의 유지보수를 할 때에나 필요에 따라 클래스 컴포넌트의 사용법을 알아야 할 때도 있으니

어떤 형태인지 정도는 숙지를 하고 있어야 한다.


profile
개발하는 곰🐻

0개의 댓글