React
1.[React] React란 무엇인가?
React(리액트)란 무엇인가? React는 사용자 인터페이스를 만들기 위한 Javascript 라이브러리이다. 페이스북에서 개발하고 유지 관리하고 있으며, 웹 애플리케이션 개발에서 널리 사용된다. React의 주요 특징과 개념은 다음과 같다. 특징 1. 컴포넌트 기
2.[React] 브라우저가 그려지는 원리 및 가상돔
브라우저가 서버에서 페이지에 대한 HTML 응답을 받고 화면에 표시하기 전에 여러 단계가 있다. 웹 브라우저가HTML문서를 읽고 스타일을 입히고 뷰포트에 표시하는 과정이다.1) 서버에서 브라우저에게 HTML 문서를 전달2) DOM Tree 생생: 브라우저의 렌더 엔진이
3.[React] React Hooks란?
React Hooks는 ReactConf 2018에서 발표된 class 없이 state를 사용할 수 있는 새로운 기능이다.Hooks를 사용하면 클래스 컴포넌트를 작성하지 않고도 상태 관리와 기타 React 기능을 사용할 수 있다.React Hooks는 클래스 컴포넌트로
4.[React] 구조 분해 할당
구조 분해 할당이란? > 배열이나 객체의 속성을 해체해여 그 값을 개별 변수에 담을 수 있게하는 javascript 표현식이다. 구조 분해 할당을 사용하면 코드가 간결해지고, 변수 선언과 할당을 하나의 표현식으로 처리할 수 있어 코드의 가독성과 유지보수성이 높아진다.
5.[React] useEffect, useMemo, useCallback 차이
React hooks를 설명하기 앞서 리액트 생애주기(React Lifecycle)를 알아야 한다.리액트 생애주기(React Lifecycle)는 리액트 컴포넌트가 생성되고, 업데이트되고, 삭제되는 일련의 과정을 의미한다. 이 생애주기는 클래스형 컴포넌트와 함수형 컴포
6.[React] React Suspense
리액트 서스펜스(React Suspense)는 React 16.6 버전에서 도입된 기능으로, 비동기 작업을 더 쉽게 처리할 수 있게 해주는 기능이다. Suspense는 자식 요소가 로드되기 전까지 화면에 대체 UI를 보여준다. https://ko.react.dev/r
7.[React] useRef
useState의 장점은 값이 업데이트되지만 화면에 보여줘야하기 때문에 매번 리랜더링이 일어난다는 것이다. useState가 너무 많으면 성능에 좋지는 않다.반면에 변수는 랜더링되지는 않지만, 성능면에서는 useState보다 더 좋다. 그래서 등장한 것이 useRef로