
스크롤바가 내려감에 따라서 그 진행정도를 나타내는 scroll progress bar를 만들어보도록 하겠습니다.

리액트의 데이터 흐름은 단방향이다.즉 상위 부모컴포넌트에서 하위 자식 컴포넌트로 props를 통해 전달이 되며 반대로는 전달할 수 없다.이러한 리액트의 단방향 데이터흐름은 다음과 같은 장점을 갖는다.예측 가능한 데이터 흐름: 어떤 컴포넌트에서 데이터가 변경되었는지를 추

리액트 애플리케이션에서 상태 관리, 부수 효과 처리와 같은 로직을 함수 형태로 재사용하기 위한 방법이다. 즉 특정 상태를 useState로 정의하고, 이 상태를 변경시킬 함수들을 객체로 담아 리턴하여 캡슐화하는 과정이다.useState, usEffect와 같은 훅은 커

useRef? useRef를 한 문장으로 설명하자면 리랜더링을 필요로 하지 않는 값을 참조(reference) 할 때 사용하는 리액트 내장훅이다. > 리랜더링이 필요한 값은 useState, state값이 변하면 컴포넌트가 리랜더링된다. > 리랜더링이 필요없는 값은