#리액트 #코딩 #프로그래밍
이번 영상에서는 React를 사용하는데 중요한 개념인 조건부 렌더링과 리스트 렌더링에 대해 학습한다. 조건부 렌더링은 삼항 연산자, AND 연산자, OR 연산자 등으로 구현할 수 있다. 리스트 렌더링은 배열의 map 메소드를 사용하여 구현한다. 렌더링할 요소에 key 속성을 설정해주어야 한다. key는 React가 리스트의 변동사항을 빠르게 파악하기 위해 사용되며, 다른 요소와 겹치지 않는 고유한 값을 넣어야 한다. 또한, 리스트 렌더링 시 배열의 필터링 기능을 활용할 수 있다. 만일 필요한 요소가 없을 경우 조건부 렌더링을 통해 type을 변동하는 방법을 보여준다.
= = =
🏠 얄코사이트: 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 강좌)