React

시작하기에 앞서서... > velopert님이 쓴 리액트를 다루는 기술과 벨로퍼트와 함께하는 모던 리액트 사이트, React 공식문서 사이트를 많이 참고했습니다. create-react-app 공식문서 : https://ko.reactjs.org/docs/create

velopert님이 쓴 리액트를 다루는 기술과 벨로퍼트와 함께하는 모던 리액트 사이트, React 공식문서 사이트를 많이 참고했습니다.출처 : https://ooeunz.tistory.com/135App.js (부모 컴포넌트)Hello.js (자식 컴포넌트)A

이번에는 리액트에서 배열을 렌더링하는 방법을 알아보겠다. 아래와 같은 배열이 있다고 가정해보자.만약에 이 내용을 컴포넌트로 렌더링한다면 어떻게 해야 할까? 🤔일단, 가장 쉽게 생각해볼 수 있으면서 가장 기본적인 방법으론 비효율적이지만, 그냥 그대로 코드를 작성하는 것

저번시간에 배열 렌더링까지 했다. 이렇게 해서 끝난거 같지만 실제로는 문제가 조금 있다. 바로 리렌더링이다. 리액트는 컴포넌트를 다음과 같은 총 4가지 경우에 업데이트한다.props가 바뀔때state가 바뀔때부모 컴포넌트가 리렌더링될 때this.forceUpdate로

useReducer Hook 이전에는 useState를 사용해서 상태를 관리하고 업데이트 해줬는데, 사실 한가지 방법이 더있다. 바로 useReducer를 사용하는 것이다. useReducer는 처음사용해보면 사용법이 복잡할 수 있는데 크게 알아야 할 부분은 3가지로