컴포넌트

컴포넌트?

 

render() 를 통해 HTML 요소를 반환하는 함수

독립적이고, 재사용이 가능한 작은 UI 조각

Javascript 함수와 동일한 용도로 사용

 

복잡한 웹을 작게 컴포넌트로 쪼개어 재사용이 쉽고 효율적으로 관리가 가능하다

 

컴포넌트 사용규칙

 

컴포넌트 이름은 대문자로 시작

 

return 내에 있는 건 태그 하나로 묶기

 

함수형 컴포넌트 vs 클래스형 컴포넌트

 

원래는 클래스 컴포넌트를 사용하며 코드가 장황하고 길었음, 하지만 react16 에 훅스 가 발표되며 대체

 

정리

 

함수형 : 덜 복잡한 UI 로직, Component 선언이 편함, 클래스 형보다 메모리 자원 덜 사용

클래스형: Class 키워드 필요, Component 상속, Render() 메소드 반드시 필요, 함수형보다 메모리 자원 더 사용