
state에 대해 알아보자!

1. LifeCycle > LifeCycle Method 컴포넌트가 마운트될 때 : componentDidMount 컴포넌트가 리렌더링될 때 : componentDidUpdate 컴포넌트가 마운트 해제되기 전에 : componentWillUnmount 2. useEf

no offset 방식으로 페이징 처리를 하며, 백엔드로부터 cursorId와 size만 받아서 무한스크롤을 구현해보았다.라이브러리를 고민하다가, Intersection Observer API를 사용해보았다.다음은 프로젝트에서 사용한 코드이다.

Virtual DOM => 리액트의 주요 특성!!!
💡 React Query는 서버 상태 관리를 보다 쉽게 해주는 React 라이브러리입니다. 주로 비동기 데이터를 가져오고, 캐시하고, 동기화하는 데 사용됩니다.

브라우저 렌더링 리액트에서 렌더링 === 함수를 호출하는 것 예시코드: 불필요한 렌더링을 막아보자! FirstChild: state SecondChild: props 리렌더링 조건 state가 바뀌었을 때 props가 바뀌었을 때 💡 참조값이 달라졌다? Parent 컴포넌트가 리렌더링될

React 개발을 하다보면 form과 input 등 입력 요소 태그를 사용할 일이 빈번히 일어납니다. 현재 진행하고 있는 프로젝트에서도 매우 많은 form을 사용하고 있습니다. 해당 요소에 접근해 값을 변경하면 state 변경에 의해 리렌더링이 일어나는 경우를 자주

✅ React란? 리액트(React)는 Facebook(현재 Meta)에서 만든 Javascript 사용자인터페이스(UI) 라이브러리입니다. > Facebook은 매우 복잡한 사용자 인터페이스를 가지고 있으며, 수많은 컴포넌트로 구성되어 있습니다. 기존의 방식보다 빠른 UI 렌더링과 반응성 등 페이스북의 성능 요구사항을 충족시키기 위해 2011년 Fac...
1. vite 프로젝트 생성 > 🚨 리액트 앱 만들 때, project name을 .이라고만 하면 새로운 폴더가 생성되지 않게 만들 수 있다!!!! 😭 이걸 모르고… 이름 설정했다가 나중에 폴더 depth를 하나 빼려고했는데, gitignore이 없어져서 node_modules가 다 올라가는 바람에.. 프로젝트 초기 설정이기도하고 commit한게 별로...