React
1. Virtual DOM
리액트에서 Virtual DOM이 무엇인지, 이를 사용하는 이유는 무엇인지 설명해 주세요. 우선 DOM의 정의부터 알아보겠습니다. > DOM(Document Object Model): HTML 및 XML 문서의 구조화된 표현을 정의하는 프로그래밍 인터페이스입니다. D
2.리액트에서 배열을 렌더링할 때 key를 써야 하는 이유
React에서 배열을 렌더링할 때 key를 사용하는 이유는 성능 최적화와 UI의 안정성을 위해 매우 중요합니다. key는 React가 각 요소를 고유하게 식별할 수 있도록 하는 특수 속성입니다. React는 Virtual DOM을 사용하여 UI를 효율적으로 업데이트합니
3.리엑트에서의 메모이제이션(useMemo, useCallback, React.Memo)
우선, 메모리제이션의 정의는 다음과 같습니다.React에서 메모이제이션(Memoization)은 컴포넌트가 리렌더링될 때 불필요한 재계산이나 함수 재생성을 방지하여 성능을 최적화하는 기법입니다. 메모이제이션을 사용하면 이전 계산 결과를 저장해두고, 동일한 입력이 들어오
4.웹 페이지 렌더링 방식 CSR, SSR, SSG
CSR (Client-Side Rendering) 쉽게 말해, 클라이언트에서 모든 것을 하는 것이 CSR입니다. 특징 렌더링 위치: 모든 렌더링이 클라이언트(브라우저)에서 이루어집니다. 초기 로딩 속도: 초기 로딩이 느릴 수 있습니다. 서버에서 빈 HTML 페이지
5.React에서 IntersectionObserver으로 애니메이션 넣기
들어가며 다음 주부터 진행할 프로젝트에서 스크롤 시 발생하는 애니메이션을 처음으로 사용해볼 예정입니다. 이를 위해 IntersectionObserver에 대한 개념을 정리하고, 간단한 예제 코드를 작성하여 익숙해지기 위해 포스팅을 진행했습니다. 개념 정리 생성자