componentDidMount

컴포넌트가 첫 로딩을 끝냈을 때 한 번만 실행되는 라이프사이클 함수

초기 컴포넌트의 로딩이 끝났을 때에 사용되는 라이프사이클 메소드 입니다. 이 부분에서 대부분 DOM조작을 하거나 로딩 이후에 확인해야 하는 작업들을 수행합니다.

첫 로딩이 끝났을 때에 한번만 수행되는 로직입니다. 이 메소드에서는 많은 것들을 할 수 있습니다. 예를 들어, 외부라이브러리를 사용해서 직접 DOM 조작을 하는 부분을 이 메소드에서 수행할 수 있습니다. 이 메소드가 실행되는 시점은 이미 브라우저에 작성한 JSX가 HTML로 렌더링이 완료되어 있는 상태이기 때문입니다.

아니면, 컴포넌트가 로딩된 직후 바로 무언가를 해야 한다던지, 변경을 해야 한다던지 할 때에 이 메소드를 이용하면 훨씬 수월하게 작업을 진행할 수 있습니다.