리액트 생명주기 함수 render() 사용하기

리액트에서 생명주기란, 컴포넌트의 생성, 변경 ,소멸 과정을 뜻합니다. 

render 함수는 그중에서 컴포넌트의 생성 과정에 속합니다. 

 

render() 는 return 되는 html 형식의 코드를 화면에 그려주는 함수입니다. 화면 내용이 변경되어야 할 시점에 자동으로 호출됩니다 . 

 

예시로 LifecycleEx 라는 컴포넌트를 생성한 후 App.js에서 임포트해 사용해보겠습니다. 

render가 불릴 때 콘솔창에서 render call! 이 뜨게됩니다.

App.js에 컴포넌트 이식하기

실행 결과를 확인해봅시다. 

성공적 !

크롬 웹 브라우저에서 F12를 눌러 개발자 도구 창을 띄운 후 Console 탭을 클릭하면 render()함수에서 출력된 로그를 확인할 수 있습니다. 

render call ! 출력