React
1.[React] state
state에 대해 알아보자!
2.[React] LifeCycle과 useEffect
1. LifeCycle > LifeCycle Method 컴포넌트가 마운트될 때 : componentDidMount 컴포넌트가 리렌더링될 때 : componentDidUpdate 컴포넌트가 마운트 해제되기 전에 : componentWillUnmount 2. useEf
3.[React] IntersectionObserver로 무한스크롤 구현하기
no offset 방식으로 페이징 처리를 하며, 백엔드로부터 cursorId와 size만 받아서 무한스크롤을 구현해보았다.라이브러리를 고민하다가, Intersection Observer API를 사용해보았다.다음은 프로젝트에서 사용한 코드이다.
4.[React] Virtual DOM
Virtual DOM => 리액트의 주요 특성!!!
5.React-query에 대해 들어봤나요?
💡 React Query는 서버 상태 관리를 보다 쉽게 해주는 React 라이브러리입니다. 주로 비동기 데이터를 가져오고, 캐시하고, 동기화하는 데 사용됩니다.
6.리액트의 렌더링 성능 향상을 위해 어떻게 해야 하나요? (feat. useCallback, React.memo, useMemo)
브라우저 렌더링 리액트에서 렌더링 === 함수를 호출하는 것 예시코드: 불필요한 렌더링을 막아보자! FirstChild: state SecondChild: props 리렌더링 조건 state가 바뀌었을 때 props가 바뀌었을 때 💡 참조값이 달라졌다? Parent 컴포넌트가 리렌더링될
7.제어 컴포넌트와 비제이 컴포넌트의 차이에 대해 설명해주세요
React 개발을 하다보면 form과 input 등 입력 요소 태그를 사용할 일이 빈번히 일어납니다. 현재 진행하고 있는 프로젝트에서도 매우 많은 form을 사용하고 있습니다. 해당 요소에 접근해 값을 변경하면 state 변경에 의해 리렌더링이 일어나는 경우를 자주
8.React를 사용하는 이유에 대해 말씀해주세요.
✅ React란? 리액트(React)는 Facebook(현재 Meta)에서 만든 Javascript 사용자인터페이스(UI) 라이브러리입니다. > Facebook은 매우 복잡한 사용자 인터페이스를 가지고 있으며, 수많은 컴포넌트로 구성되어 있습니다. 기존의 방식보다 빠른 UI 렌더링과 반응성 등 페이스북의 성능 요구사항을 충족시키기 위해 2011년 Fac...
9.React 프로젝트 초기 설정하기 (vite, eslint, prettier)
1. vite 프로젝트 생성 > 🚨 리액트 앱 만들 때, project name을 .이라고만 하면 새로운 폴더가 생성되지 않게 만들 수 있다!!!! 😭 이걸 모르고… 이름 설정했다가 나중에 폴더 depth를 하나 빼려고했는데, gitignore이 없어져서 node_modules가 다 올라가는 바람에.. 프로젝트 초기 설정이기도하고 commit한게 별로...