모모의 IT성장수첩

리액트에서 배열을 렌더링할 때 key를 사용하는 이유는 성능 최적화와 올바른 컴포넌트 업데이트를 위해서입니다.구체적으로는 다음과 같은 이유가 있습니다 변경 사항 추적:key는 리액트가 각 컴포넌트를 구분하는 고유한 식별자입니다. 이를 통해 리액트는 어떤 항목이 변경, 추가, 또는 제거되었는지 효율적으로 추적할 수 있습니다.성능 최적화:key를 사용하면 리액트가 기존 요소를 재사용하고 필요할 때만 새 요소를 생성하거나 제거할 수 있습니다. 이는 DOM 조작을 최소화하고 성능을 최적화하는 데 도움이 됩니다.일관된 상태 유지:컴포넌트의 상태나 이벤트 핸들러가 일관되게 유지될 수 있습니다. key가 없으면 리액트는 컴포넌트를 재사용하는 대신 다시 렌더링할 수 있고, 이 경우 컴포넌트의 상태가 초기화될 수 있습니..

성장일지 2024. 6. 29. 11:01

리액트에서 Virtual DOM이란? Virtual DOM은 리액트가 사용하는 가상의 DOM 구조입니다. 실제 DOM과 유사하지만, 메모리에 가상으로 존재하는 가벼운 사본입니다. 리액트는 이 Virtual DOM을 사용하여 UI 변화를 효율적으로 관리하고 렌더링 성능을 최적화합니다.  Virtual DOM을 사용하는 이유성능 최적화:최소화된 DOM 업데이트: 실제 DOM 조작은 성능에 큰 영향을 미칩니다. 리액트는 Virtual DOM을 사용하여 변경 사항을 먼저 가상으로 계산한 후, 필요한 부분만 실제 DOM에 반영합니다. 이를 통해 불필요한 DOM 조작을 줄이고 성능을 최적화합니다.배치 업데이트: 여러 변경 사항을 한 번에 처리하여 최적의 방법으로 DOM을 업데이트합니다.간단한 프로그래밍 모델:명령형..

성장일지 2024. 6. 29. 11:00

Git merge란? git branch를 다른 branch로 합치는 과정을 merge라 한다.merge의 기본 단위는 브랜치이며, git merge 명령어로는 커밋 단위로 합치기가 불가능하다 git merge    병합하는 브랜치 사이의 관계에 따른 merge 종류 Fast-forward 머지3-way 머지 머지를 하면 새로운 커밋이 생긴다.그리고 머지를 통해서 생겨난 커밋을 머지 커밋(merge commit)이라고 부른다.이 그림을 보면 지금 master 브랜치에서 premium 브랜치를 머지해서 검은색의 머지 커밋이 생긴 것을 알 수 있다.하지만 머지를 한다고 항상 이렇게 새로운 커밋이 생기는 건 아니다. 지금 저는 master 브랜치에 HEAD가 master 브랜치를 가리키고 있다.이 상태에서 ..

성장일지 2024. 6. 7. 05:45