JavaScript18 reactJS 배열의 index를 Key로 사용하는 것을 지양하는 이유? React 공식문서에서 권장하지 않는 사항이라고 한다. 전제는 항목의 순서가 바뀔 수 있는 경우에서이다. 항목 값이 변수로 사용되고 key 값을 index로 나타낸다면, 항목 값이 변경된다(생성, 수정, 삭제) -> 해당하는 component가 re-render가 된다 -> React에서 동일한 Key일 경우 동일한 Dom element를 보여준다 솔루션이 있을까? 1. unique한 key값을 사용한다. - 자체 생성 - shortid - uuid 2. React 공식 문서에 있는 Robin Pokorny의 말을 인용하면 아래의 세 가지 조건을 만족하면 해당 항목 값을 사용해도 된다고 한다. 1. the list and items are static–they are not computed and do .. 2022. 3. 9. reactJS 클립 보드 복사 사이드 프로젝트를 하면서 클립보드 복사하는 방법에 대해 정리해보게 된다. 데이터를 복사하는 방법은 아래 두 가지로 정리된다. 1. execCommand API 2. Clipboard API 먼저 1의 방법은 select() 함수를 사용해 form tag(input, textarea) 안의 내용을 복사하는 방법이다. form tag를 임의로 생성하여 복사 후 지우는 방법 const handleCopy = () => { const tempFormEl = document.createElement('textarea'); // input, textarea tempFormEl.value = 'copied text!'; document.body.appendChild(tempFormEl); tempFormEl.sele.. 2022. 3. 8. 이전 1 2 3 4 5 다음 반응형