Skip to content

yoonjihong/Typing

Repository files navigation

Typing 연습

타자 연습 프로젝트입니다.


구현 예정 기능

  1. 노래 검색 : N사 검색 결과 데이터로 수집
  2. CPM, CPC 계산

디자인 패턴

기본적으로 Compound Component + Custom Hook 패턴을 사용하고 있습니다.

  1. Global Component의 경우 Compound Component 패턴
    1-1. Component UI의 자율성 확대
  2. UI로직은 contextAPI사용 대신 Custom Hook을 사용해 외부에서 주입 받는 방식
    2-2. Custom Hook의 내부 로직을 알아야 100%사용이 제어 가능하지만 그만큼 확장성과 UI 로직의 재사용성을 위해
  3. Business 로직들은 Feature별로 컴포넌트로 분리
    4-1. Global Component인 Board를 사용하는 2개의 페이지에서 각각 다른 API호출이 필요한 경우 ABoard, BBoard라는 Feature 컴포넌트 생성
    4-1-1. API 로직까지 Hook으로 분리하는 방법에 대해선 논의 필요 : 재사용성은 높아지지만 그만큼 코드 작업량이 늘어나기때문(심지어 Typescript..)

Package Manager - Yarn Berry

해당 템플릿의 패키지 관리는 Yarn Berry를 사용하고 있습니다. (첫도입..!)


Vscode Typescript 에러

종종 VsCode에서 typescript관련 에러가 생길때 아래 명령어로 해결 $ yarn dlx @yarnpkg/sdks vscode

Style 자동완성 에러

현재 style 자동완성이 안되는 문제가 있음

Releases

No releases published

Packages

No packages published