🥝 React

확실히 바닐라 자바스크립트 프로젝트를 해보니 리액트의 매력이 더 강하게 느껴지고 필요성이 절실해진다 😅 오늘부터 리액트 기초 다지기 훈련을 시작합니다 !: 컴포넌트는 리액트의 가장 기본적인 단위다. 이 컴포넌트를 이해하려면 리액트가 SPA(Single Page App

리액트를 사용하다 보면 컴포넌트의 상태를 관리하기 위해 useState와 useRef라는 훅을 자주 접하게 된다. 두 훅은 모두 상태 관리와 관련이 있지만, 그 목적과 동작 방식이 크게 다르다. 이번 주제에서는 useState와 useRef의 차이점과 사용 사례를 자세

Hooks는 React 함수형 컴포넌트의 핵심이다. 그런데 왜 React는 Hooks를 배열에 저장할까?이는 1) 렌더링 최적화, 2) 순서 보장, 3) 불필요한 연산 최소화 때문이라고 하는데,이번 글에서는 React가 Hooks를 배열로 관리하는 이유와 그 원리를

최근 팀 프로젝트에서 도서 판매 웹사이트를 만들었다. 내가 작업할 컴포넌트를 메인 페이지, 목록 페이지, 상세 페이지 등 여러 곳에서 같은 UI 요소를 반복해서 사용해야 했다. 이런 상황에서 컴포넌트 재사용성을 높이기 위한 설계 방법을 고민했고, 그 과정에 대한 회고를