#리액트 #코딩 #프로그래밍
본 유튜브 영상에서는 다음과 같은 React의 State에 관한 내용을 다룹니다.
1. 여러 컴포넌트가 State를 공유할 때 부모 컴포넌트에 State를 위치시키고, 필요한 기능(값 변경 등)을 Props를 통해 자식 컴포넌트에 전달하는 'State 끌어올리기' 방법을 소개합니다.
2. 하나의 컴포넌트 안에서 여러 State들을 관리할 때, 모든 State를 하나의 객체 형태의 State로 합쳐 관리하는 방법을 설명합니다. 이반은 입력 요소의 값 변화를 일괄적으로 처리하기 위해 각 요소에 이벤트 핸들러를 등록하고, 해당 요소의 타입에 따라 적절한 State값을 가져오는 방식을 사용합니다.
3. State가 변경될 때마다 해당 컴포넌트가 리렌더링 된다는 점, 부모 컴포넌트의 State가 props로 자식 컴포넌트에 전달되어 사용될 수 있다는 점 등 여러 State에 관련된 특이점을 알려줍니다. 이해하기 쉽게 구현된 실제 예제와 함께 자세하게 설명합니다.
4. 각 요소의 이벤트 핸들러가 실행되는 과정에서, State의 변경으로 컴포넌트가 리렌더링되는 과정을 자세히 설명하며, 어떤 상황에서 리렌더링이 일어나는지 알려줍니다.
5. 마지막으로, State를 관리하는 기능을 가진 콘포넌트(Functional Component)의 코드 작성 방법에 대해 자세하게 알려줍니다.
= = =
🏠 얄코사이트: 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 강좌)
