React

리액트

SPA, Router, <Link>, useNavigate

Sass

Hook Hook이 나오게 된 이유 컴포넌트 사이에서 상태 로직을 재사용하기 어려움 복잡한 컴포넌트들은 이해하기 어려움 Class는 사람과 기계를 혼동시킴 Hook의 특징 선택적 사용 이전버전과의 완벽한 호환성 현재 사용 가능

side 이펙트와 use이펙트

react와 리팩토링

변하지 않는 데이터, 정적인 데이터UI 구성에 필요하지만 동적으로 변하지 않아서 백엔드API등을 통해서 가져올 필요가 없는 정적인 데이터들을 상수 데이터로 만들어 UI를 효율적으로 구성기존 하드 코딩으로 가독성이 좋지않고 수정시 유지보수가 힘듦반복되는 UI를 상수데이터

컴포넌트의 재사용

동적라우팅 정적라우팅

RestAPI

styled component

커스텀 훅

호환성 및 단순함 때문에 React 자체에 내장 상태관을 기능을 사용하는 것이 가장 좋지만 한계가 있음컴포넌트 상태는 상위요소까지 끌어 올려 공유될 수 있지만, 이 과정중 트리들이 다시 렌더링 되는 현상이 나타날 수 있음하나의 동작으로 다른 곳에 많은 영향을 끼침상태