[React] 리액트 이해하기 3: 목록(List) 출력하기 & 조건부 콘텐츠

1. 이 코드 예시(snippet)는 어떤 작업을 수행하는가?

someArray.map((element) => <p>{element}</p>)

배열을 React에서 출력 가능한 JSX 요소로 채워진 새 배열로 변환하고 변환 논리에 따라 새 배열을 생성하는 표준 JS 배열 메서드이다.

2. JSX 요소를 나열할 때 왜 특수한 “키” 프로퍼티를 추가해야 하는가?

React가 목록 요소를 올바르게 식별 및 업데이트(필요시)하는 데 필요하기 때문이다.

key는 모든 요소에 필요한 고유 식별 기준이다.

3. React 컴포넌트에서 조건부 콘텐츠를 출력하는 데 관한 설명으로 옳은 것은 무엇인가?

컴포넌트에서 다른 결과를 출력 또는 반환하기 위해 if검사의 정규 삼항 표현식으로 작성할 수 있다.

대체(alternative) 컴포넌트를 여러 개 생성하고 일부 조건에 따라 다른 중첩 컴포넌트를 반환할 수는 있지만 반드시 필요하진 않다.