mapping 로직 추가
참여자 리스트를 표시하는 부분에 간단한 mapping 로직을 추가했다. ListContainer 안에서 participants 배열을 순회하며 각 참여자의 이름을 <div>로 표시한다. 각 항목에 key 속성으로 index를 제공하여 React가 각 요소를 식별할 수 있도록 했다.
<ListContainer>
{participants.map((participant, index) => (
<div key={index}>{participant}</div>
))}
</ListContainer>
TypeScript
복사