[ react ] key props

리액트에서 map함수를 사용하는 경우의 key props

• 배열에 map함수를 활용해서 컴포넌트를 출력할 때 사용한다.
• 배열 길이가 10인 배열에 map함수를 통해서 10개의 컴포넌트가 출력될 경우,
  리액트는 이 컴포넌트들이 다른 것들인지 구분하지 못한다.
• 각각 다른 컴포넌트들임을 알려주기 위해서 컴포넌트 props에 명시적으로 구분을 해주어야 한다.
• 컴포넌트마다 다른 id를 부여하고, 그 아이디를

  key={id}

• 와 같은 리액트 내부에서 사용되는 특수 props를 사용해 이것들이 다른 컴포넌트임을 알려준다.
• key props는 내부 사용 특수 props라서 컴포넌트에 직접 전달되지 않는다.
• key props를 사용하지 않아도 프로그램 자체에서 오류가 발생하지는 않는다.
• 다만, key props를 입력해서 다른 컴포넌트임을 알려달라는 경고를 지속적으로 보여준다.
• 프로그램 실행에 문제가 없는 오류일지라도 개발자는 경고를 수정해주는 것이 좋다.