#리액트 #코딩 #프로그래밍
해당 영상에서는 리액트의 State에 대한 개념과 사용 방법을 예시를 통해 설명합니다. 리액트에서 웹페이지의 동적 변화를 표현하기 위해 사용하는 State는 초기화 값에 따라 화면이 렌더링되며, 특정 값을 변경하여 필요한 변화를 만들 수 있습니다. 여기서 이러한 값을 변경할 때 사용되는 것이 세터 함수로이며, 이 세터 함수가 호출되어 값이 수정될 때마다 웹페이지의 해당 요소를 다시 렌더링해서 변화를 반영합니다.
자바스크립트의 디스트럭쳐링을 활용하여 State를 설정하고, 필요한 경우에는 여러 개의 State를 함께 사용할 수 있습니다. 또한, 세터 함수에서는 콜백 함수를 이용해 이전 값을 기준으로 새 값을 지정하며, 이는 변화 함수를 사용하여 기존 배열에서 원하는 요소를 삭제하거나 추가하기 위함입니다. 마지막으로, State로 사용되는 배열에 요소를 추가할 때는 스프레딩 문법을 사용하여 새로운 배열을 생성합니다.
= = =
🏠 얄코사이트: 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 강좌)