ref

ref는 전역으로 동작하지 않고 컴포넌트 내부에서만 작동

• 특정 DOM을 조작하고 싶을 때 사용
• 내부의 메서드 및 변수에 접근 가능(컴포넌트에 사용시)

map

key는 컴포넌트 배열을 렌더링 했을 때 어떤 원소에 변동이 있었는지 알아내기 위해 사용
(key가 없을 때는 Virtual DOM을 비교하는 과정에서 리스트를 순차적으로 비교하면서 변화를 감지하는데 key가 있다면 어떤 변화가 있었는지 더욱 빨리 알 수 있다.)

배열을 변현할 때는 배열에 직접 접근해서 수정하는 것이 아니라 concat, filter 등의 배열 내장 함수를 사용하여 새로운 배열을 만든 후 새로운 상태로 설정(불변성 유지(성능 최적화 가능))