React
-
useRef() 훅과 컴포넌트 외부의 전역 변수 비교: useRef() vs 변수 (let, const)React 2024. 3. 9. 15:10
서론 useRef를 사용하면서 느끼는 궁금점 중에 useRef의 current 프로퍼티를 변경하더라도 이것이 리렌더링을 발생하지 않는다고 알고 있었습니다. 따라서 값이 변경되더라도 render를 발생시키지 않습니다. 즉 state가 변화됐을 때처럼 리렌더링이 발생하게 된다면 변화된 ref객체의 current프로퍼티값이 화면에 드러납니다. 여기서 발생한 의문이 컴포넌트 외부에 let, const 등을 선언한 global variable도 똑같은 현상이 발생하는 것이 아닌가? 라는 의문이 들었습니다. 따라서 useRef를 사용했을 때와 전역 변수를 사용했을 때의 차이점을 파악하기 위해 포스팅을 하게 되었습니다. useRef란? 글을 시작하기에 앞서 먼저 간단하게 useRef에 대해서 알아 봅시다. useRe..
-
Nextjs vs React (Routing 관점에서)카테고리 없음 2024. 2. 23. 23:42
NextJS 14 App Router 기준으로 작성하였습니다. 동기 최근 nextjs를 사용하면서 편리함을 많이 느끼고 있습니다. 기존 React와 비교했을 때 Nextjs는 프레임워크다 보니 자동으로 생성되는 기능이 많고, Nextjs에서 정해놓은 규칙만 따라서 코딩하면 쉽게 개발을 할 수 있었습니다. Nextjs를 사용하면서 기존 React와의 차이점을 Routing 관점에서 정리하고자 글을 작성하게 되었습니다. React 리액트는 프레임워크가 아닌 UI 라이브러리기 때문에 라우터를 제공하지 않습니다. 따라서 흔히 react-router-dom 패키지를 설치해서 사용합니다. React에서는 위와 같은 방식으로 라우팅을 구성하는데, 특정 url에 접근하면 특정 컴포넌트가 렌더링 되는 방식으로 구조를 설..