React

🌖React

🧚‍반딧불반

🌖 React란 무엇?

🌖라우팅이란?

Virtual Dom React는 UI 상태를 추적하고 변화가 일어난 요소들을 빠르게 업데이트할 수 있도록 Virtual DOM 이라는 가상의 DOM 객체를 활용한다. 이는 실제 DOM 의 사본의 개념이고, React의 실제 DOM 객체에 접근하여 변환 전과 변화 후를 비교하고 바뀐 부분을 적용한다. Virtual DOM 이 나오게 된 배경 Virtual...

Hook은 함수 컴포넌트에서 사용하는 메소드입니다. 함수 컴포넌트 이전에는 클래스(class) 컴포넌트가 있었습니다. 많은 React 개발자들이 이 클래스 컴포넌트를 사용하여 React 앱을 개발해왔습니다. 이런 클래스 컴포넌트는 복잡해질수록 이해하기 어려워졌고, 컴포

Custom Hooks 개발자가 스스로 커스텀한 훅을 의미하며 이를 이용해 반복되는 로직을 함수로 뽑아내어 재사용할 수 있습니다. 여러 url을 fetch할 때, 여러 input에 의한 상태 변경 등 반복되는 로직을 동일한 함수에서 작동하게 하고 싶을 때 커스텀 훅을

React의 주목해야 할 기능 React는 현재도 계속해서 업데이트가 되고 있는 오픈소스 라이브러리입니다. 이번에 React가 버전 18로 업데이트가 되면서 많은 부분이 바뀌었는데, 가장 빠르게 알아볼 수 있는 변화는 콘솔 창에 이전에 보이지 않던 경고문이 보인다는 점입니다. [그림] React 18로 업데이트 된 뒤 보이게 된 경고문 해당 경고문은 이...

React.lazy() -React.lazy 함수를 사용하면 dynamic import를 사용해 컴포넌트를 렌더링할 수 있습니다. React는 SPA(Single-Page-Application)이므로 한 번에 사용하지 않는 컴포넌트까지 불러오는 단점이 있다고 앞의 챕터에서 학습했습니다. React는 React.lazy를 통해 컴포넌트를 동적으로 import...

2.1 변수 선언하기 2.1.1 const 키워드 상수는 값을 변경할 수 없는 변수이다. 상수에는 값을 재설정하는 것은 불가능하다. 상수 값을 변경하려면 에러 발생 2.1.2let 키워드 구문적인 변수 영역 규칙을 지원한다. 자바스크립트에서는 중괄호{} 를 사용해 코