/Triple-Clone-Coding

리액트 + 타입 스크립트

Primary LanguageTypeScript

실행결과


프로젝트 실행 방법
레포지토리 파일을 다운하거나, 실행 결과 확인
실행 결과는 위의 GIF 파일과 동일하며, 프로젝트 실행 결과 확인은 https://klmhyeonwoo.github.io/Triple-Clone-Coding/ 에서 확인 가능

사용기술

- Typescript : 원활한 자바스크립트 소통을 위해 타입스크립트 사용
- React : 컴포넌트별 구성과 가독성이 좋은 코드를 위해 리액트 사용

폴더구조
images : 주어진 이미지 파일을 넣어놓은 폴더
hooks : 카운트 다운과 같은 커스텀 훅이 담긴 폴더
component : 컴포넌트 폴더 (원래는 컴포넌트 별, 폴더를 구분해놓지만 섹션 하나로 구성이 되어있어 폴더 하나로 구성)
ㄴ 크게 세 부분으로 구성 (LeftSection - 왼쪽 트리플배너 , RightTopSection - 통계치를 나타내는 글자들, RightBottomSection - 수상 이력)