J-Bback / codestates-bithumb-project

빗썸 프로젝트

BITMOI

암호화폐 모의투자

1. 완성된 GIF 파일 및 배포 링크

와이어프레임

배포 대기중

2. 프로젝트 실행 방법

node v16.13.2 npm v8.1.2

yarn install

yarn run dev

3. 사용한 스택 목록

• React, React-hooks, HTML, SCSS
• Next.js, TypeScript

4. 구현한 기능 목록 (Software Requirement Specification)

Atomic Design Pattern 적용

세부적인 기능

5. 구현 방법 및 구현하면서 어려웠던 점

나를 힘들게 만든 스택

• TypeScript의 Type Error => 잘 안되는 부분은 로직 구현 후에 Type 지정.
• Next.js의 배포과정 => 404 not found 원인: 1. Directory 구조 (assets), 이미지 로드 실패 2. Dynamic Routing 3. Webpack 설정

6. 성능 최적화에 대해서 고민하고 개선한 방법 (UX)

7. UI 개선