포트폴리오를 만들면서 화면 스크롤을 구현하다가 useRef에 대한 에러를 만났고, 이를 해결하기 위해 열심히 구글링해서 찾은 해결 방법을 정리해보기로 한다.환경Next JS (v13.2.3)React (v18.2.0)Typescript (v4.9.5)styled-com
리액트를 사용하면서 useState, useEffect, useRef등은 써보았지만 아직 제대로 사용해보지 못한 훅들이 많았다...그래서 이 참에 한 번 궁금했던 리액트의 hook몇 가지에 대해 알아보고자 한다.그 첫번째는 바로 useCallback이 되시겠다!컴포넌가
두 번째로 알아 볼 React hook은 바로 useMemo이다. useCallback과 같이 사용되기도 하는 이 hook에 대해서 알아보도록 하자! useMemo useMemo 리렌더링
리액트 사용하면서 가상돔에 대한 기초적인 부분을 들었던 것 같은데.. 생각해보려고 하면 잘 떠오르지 않아 글을 적으면서 이해를 해야겠다는 생각을 했다. 가상 돔(Virtual DOM)에 대해 한번 알아보즈아!먼저 가상 돔을 알아보기 전에 DOM에 대해 알아보고 가보자.
React hook 알아보기 세 번째 hook은 useRef이다.많이 사용해보진 않았지만 내가 알고 있던 이 hook의 특징은 DOM요소에 접근해야할 때 사용하는 것으로만 알고 있지만 이번에 한 번 제대로 알아보고 가보자!먼저 DOM 노드에 접근하려면 구성 요소 내부에
React useEffect 와 생명주기 이번에 알아 볼 hook은 useEffect에 대해 알아보려고 한다. 하지만 그 전에 함수 컴포넌트에서 useEffect hook의 역할은 생명주기를 대체하는 hook이기에 먼저 생명 주기란 무엇인지 대해 알아보고, useEff
이전 글에서 테스트 코드가 무엇인지 왜 작성해야 하는지 알아보면서 Javascript에서 테스트 코드의 맛보기를 해보았다. 이번에는 React에서 컴포넌트를 테스팅하는 것을 알아보려고 한다.React에서 많이 알려진 테스팅 프레임워크, 라이브러리가 있는데 바로 Enzy