오늘 기술매니저님과 이야기를 했습니다.
1. 리액트에서 key값을 왜 넣어주어야 하며, key 값은 고유한 값을 받아줘야한다고 했습니다.
key가 필요한 이유는 React에서 컴포넌트 배열을 렌더링했을 때 각각의 원소에서 변동이 있는지
알아내려고 사용하기 때문입니다. 만약 key가 없다면 React는 가상돔을 비교하는 과정에서
배열을 순차적으로 비교하면서 변화를 감지하려 합니다. 하지만 key가 있으면
이 값을 이용해서 어떤 변화가 일어났는지 더 빠르게 알아낼 수 있게 됩니다.
즉, key값을 넣어줘야 React의 성능이 더 최적화 된다. 라는 의미입니다.
참고 : https://ko.reactjs.org/docs/lists-and-keys.html
이부분에 대해서는 최대한 많은 코드를 치고 열심히 하는 방법이 있고,
그 기능들에 대해 논리적으로 파고 들어가는 공부법을 가르쳐 주셨습니다.
로직, 메소드 등등 많이 공부해야 겠다고 느낍니다...
버튼을 2번 클릭시 취소/완료버튼이 되는 기이한 현상이 발생햇습니다... 자세히 보니 취소/완료쪽에서 코드를 잘못입력하여 false -> false -> true 이렇게 받아 와서 소스코드를 고친후 false -> true -> false 정상적으로 돌아 갔습니다!!