“Next.js”나 “React”와 같은 프레임워크의 가장 큰 장점은 컴포넌트(Component)입니다. “재사용 코드 모음”이라고 생각하시면 됩니다.
예를 들어 웹페이지 전체에 파란색 실행 버튼이 페이지마다 빈번하게 들어간다고 가정할때 계속 페이지 마다 코딩하기에는 너무 비 효율적입니다.
이를 적절한 폴더(frontend/src/components/)에 buttons/bluebutton.tsx로 등록해 놓으면 이 컴포넌트만 불러오면 됩니다.
금융 파이낸싱 프로젝트에 가장 필요한 컴포넌트는 차트, 테이블 컴포넌트입니다. 대부분의 이러한 파이낸싱 사이트에는 차트와 히스토리 데이터 테이블이 들어갑니다. 이를 컴포넌트로 등록하고 어떤 자산이라도 자산 이름만 변경되어도 차트나 테이블이 표시 되도록 학습하겠습니다.