React
1.React hooks 최적화를 위한 간편 가이드 (2) - Memoization 은 꼭 필요할까?
결론부터 말하자면, 모든 경우에 절대적으로 필요한 것은 아니다. > 불필요한 메모아이제이션은 메모아이제이션을 아예 하지않은것만큼 나쁘다!! > (an unnecessary memoization is as bad as not memoizing at all!) 우선,
2.React hooks 최적화를 위한 간편 가이드 (1)
📌 컴포넌트의 성능 향상불필요한 렌더링을 방지하고, 불필요한 함수 재생성을 방지함으로써 애플리케이션의 반응성과 효율성을 향상시켜 사용자에게 더 나은 경험 제공유지 보수성이 편해지고, 개발 생산성을 향상시킴함수형 컴포넌트에서 상태(state)와 생명주기(lifecycl
3.React Router로 뒤로가기 방지 처리 직접만들어보기
모달을 통해 확인 메시지를 표시하는 방법 1. React Router를 사용하는 경우 `` 컴포넌트를 사용하여 뒤로 가기 버튼을 누를 때 메시지를 표시할 수 있음 2. History API를 사용하는 경우 useHistory 훅을 사용하여 history 객체를 가져
4.react-router-dom (v6) 동작 원리의 모든 것
SPA 의 경우 서버에서 사용자에게 제공하는 페이지는 한 종류이지만! 해당 페이지에서 로딩된 JS 와 현재 사용자 브라우저 주소 상태에 따라 다양한 화면을 보여 줄 수 있습니다.다른 주소에 따라 다른 화면을 보여주는 것을 “라우팅” 이라고 합니다. 클라이언트 사이드에서
5.가상돔과 React 의 관계를 React 랜더링 동작 원리를 통해 알아보자.
가상돔과 리액트의 관계를 알아보기에 앞서, 간단하게 개념설명을 진행하겠습니다. 🕶️ 돔이란? " 웹페이지의 구조를 표현하는 객체 모델. HTML/ XML 문서에 접근하기 위한 인터페이스.DOM은 HTML과 스크립팅언어(Javascript)를 서로 이어주는 역할
6.Lazy loading, Suspense, Code- splitting 그리고 Automatic Batching
여러분은 컵라면에 물 붓고 3분을 얌전히 기다리시나요? 저는 한국인이라서인지(?) 3분이 되기도 전에 몇번이나 열어보곤 하는데요. 🤣기다리는 것을 별로 좋아하지 않는 것은 만국 공통인것같습니다. 유저의 50% 이상이 웹페이지를 로드하는데 3초 이상 걸리는 경우,