ReactJS

React에서 여러 컴포넌트 혹은 엘리먼트를 동적으로 생성할 때 반드시 고유의 key를 주도록 하고 있다.하지만 이런 key를 사용하는 이유와 올바른 사용법을 모르고있다면 제대로 key에대해 알고있다고 할 수 없다.이 글을 통해 React의 key에 대해 파헤쳐보자.위

우선 Side Effect라는 단어에 대해 알아야한다.함수가 어떤 동작을 할 때, input - output 이외의 다른 값을 조작한다면, 이 함수에는 Side Effect(부수 효과) 가 있다고 표현한다.하지만 그 Side Effect들은 state, props의 변

출처 - https://wavez.github.io/react-hooks-lifecycle/함수형 컴포넌트는 React의 16.8 업데이트 이후로 클래스 컴포넌트의 기능을 Hook을 통해 함수형 컴포넌트도 사용할 수 있게 되었다.그 이후로 현재는 대부분이 함수

📋 useRef란? > useRef 는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환합니다. 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지될 것입니다. - React 공식 홈페이지 useRef는 저장

📋 useMemo란? useMemo는 리액트에서 컴포넌트의 성능을 최적화 하는데 사용되는 훅이다. useMemo에서 memo는 memoization을 뜻하는데 이는 그대로 해석하면 ‘메모리에 넣기’라는 의미이며 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이

useCallback 또한 useMemo와 마찬가지로 memoization 기법으로 컴포넌트 성능을 최적화 시켜주는 훅이다.앞서 알아본 useMemo을 복습하면 useMemo는 자주 쓰이는 값을 메모이제이션, 즉 캐싱해준다. 그리고 그 값이 필요할때 다시 게산을 하는

개발을 하다 보면 가끔 상태 관련 로직을 컴포넌트 간에 재사용하고 싶은 경우가 생깁니다. 이 문제를 해결하기 위한 전통적인 방법이 두 가지 있었는데, higher-order components와 render props가 바로 그것입니다. Custom Hook은 이들 둘

React를 공부하다가 앱 개발에도 관심이 생겨 React Native도 공부해보기로 했다.나는 단순히 React Native는 React 문법을 통해 앱 개발을 할수있는 프레임워크라는 것만 알고 있었기 때문에 어떤 차이점이 있는지, 어떤 부분을 더 공부해야하는지에 대