React

리액트 컴포넌트에서 동적인 값을 상태(state)라고 부른다.사용자 인터랙션을 통해 컴포넌트의 상태값이 동적으로 바뀔 경우에는 상태를 관리하는 것이 필요하다.React Hooks가 나오기 이전에는 상태값을 관리하기 위해 class 기반의 클래스 컴포넌트를 작성해야 했다

사전적으로 불변성이란 값이나 상태를 변경할 수 없는 것을 의미합니다.이 의미만 놓고보면, 잘 이해가 되지 않을 수 있습니다. 하지만 프로그래밍에서 불변성의 진짜 의미는 '메모리 영역에서 값이 변하지 않는다' 라는 의미입니다.리액트에서 불변성을 지켜주는 이유는 리액트가

Virtua DOM을 이해하기 전에 우선 DOM에 대해서 알아보자.앞선 포스팅에서도 정리했지만 DOM(Document Object Model)은 문서 객체 모델이라고 하는데 결국은 브라우저에서 다룰 HTML 문서를 파싱하여 '문서의 구성요소들을 객체로 구조화하여 나타낸

UseRef? 자 우선 React에서 useRef hook을 어떻게 사용하는 지 살펴봅시다. 리액트 컴포넌트 내에서 useRef hook을 사용해 초기값 0을 넘겨주었습니다. 위 예시에서, useRef는 다음과 같은 객체를 return합니다. 이제 ref.cur

리액트에서 타이머 기능을 추가하면서 setInterval을 써야했는데 원하는대로 동작하지 않았다.공부한 내용을 토대로 정리해보려고 한다.javascript와 달리 React에서는 state가 변하면 App이 re-rendering 되기 때문에 setInterval()함

리액트 - 페이지네이션 컴포넌트

리액트를 사용하다보면 주로 배열을 이용해 반복문을 돌린다.예를 들면이러한 경우다.당연히 가능하다. Object.keys를 이용하자.