#리액트 #코딩 #프로그래밍
본 영상에서는 리액트 컴포넌트의 생명주기와 useEffect 훅에 대해 소개하였습니다. 컴포넌트의 생명주기는 마운팅, 업데이트, 언마운팅의 단계로 구분됩니다. 마운팅은 컴포넌트가 처음 렌더링되는 시점, 업데이트는 props나 state 변경에 따른 리렌더링 시점, 언마운팅은 컴포넌트가 DOM에서 제거되는 시점을 의미합니다. 이 과정은 게와 같은 갑각류의 성장과 비슷하다는 비유를 통해 설명되었습니다.
또한, useEffect 훅은 함수 컴포넌트에서 클래스 컴포넌트의 생명주기 메소드와 유사한 역할을 수행합니다. 사용 시점에 따라 마운트 이후, 업데이트 시, 언마운트 전에 특정 코드를 실행할 수 있습니다. 마운트나 업데이트에서는 첫번째 파라미터로 넣은 함수가 실행되며, 두 번째 인자인 배열에 담긴 state의 변경에 의해 함수가 다시 실행됩니다. 언마운트 시점에서는 첫번째 인자로 넣은 함수에서 반환하는 함수가 실행됩니다.
실제 응용 예시를 통해 useEffect가 API 호출이나 리소스 해제 등에 어떻게 활용되는지도 보여주었습니다. 특히 언마운트 시점 함수는 컴포넌트 제거시 남아있는 리소스를 제거하는 용도로 사용될 수 있습니다.
다음 시간에는 이어서 리액트의 훅에 대해 더 자세히 알아보겠습니다.
= = =
🏠 얄코사이트: https://www.yalco.kr
📖 얄코 도서: https://www.yalco.kr/book/
🧑🏫 얄코 강의: https://www.yalco.kr/#lectures
🎥 제대로 파는 Git & GitHub: • 제대로 파는 Git & GitHub (대학생 전체강의 반값할인)
🎥 제대로 파는 자바: • 제대로 파는 자바 - Java 끝장내기
🎥 제대로 파는 파이썬: • 제대로 파는 파이썬 - Python 끝장내기
🎥 제대로 파는 자바스크립트: • (구판) 제대로 파는 자바스크립트 - 고정댓글에 새 버전 링크
🎥 제대로 파는 HTML & CSS: • 제대로 파는 HTML & CSS
🎥 갖고 노는 MySQL 강좌: • 왕초보용! 갖고 노는 MySQL 데이터베이스 강좌
🎥 반응형 프로그래밍 RxJS 강좌: • 반응형 프로그래밍이 뭔가요? (+ ReactiveX 강좌)