epic

[Hansanghyeon]

☘ 재미있는 프로젝트 🥕 하고싶은거 다하자 😤 출퇴근 지하철에서만 작업

[FE] frontend

반응형 - 맥북 14인치에서 원활하게 볼 수있는 화면을 구현한뒤에 모바일에서 원활하게 볼 수있는 환경구축

• [x] #4
• [ ] #6
• HomePage - 쇼핑몰 구매 데이터 대시보드 애플리케이션
  • 가격대별 구매 빈도 차트
  • 가장 많이 구매한 고객 목록 및 검색 기능
  • [ ] [FE] Chart 추가
  • [ ] [FE] table 추가
  • [ ] [FE] table

개발목표

• graphql + relay 맛보기 특히 relay fragment 익숙해져보기 (상세보기 뷰를 노션처럼 구현 -> 목록과 상세의 fragment!)
• tailwindcss@v4 연습하기 + daisyui v5 테스트
  • 테스트하기 어렵다면 v3로 진행!
• react-router@v7 연습

[BE] backend

• [ ] #7
• [ ] [BE] 배포환경 구성
• [ ] [BE] graphql endpoint
• [ ] [BE] seed action

개발목표

• Fastify
• Hasura의 Actions와 Remote Schemas를 통해 GraphQL 요청을 처리, 웹훅 처리
  • 커스텀 GrpahQL 리졸버처리
  • Hsura의 action 요청처리
  • Event Trigger를 통한 비즈니스 로직실행
    • 비즈니스로직을 Harsura 데이터를 가져와처리하고 schema를 사용하는 방향
  • Webhook 엔드포인트 제공
• OAuth2.0 도입하지 않는다. auth 가드 만들지 않는다.
• fly.io 배포
  • fly.io하기전까지는 self-host로 테스트 dfa.api.toy.hyeon.pro (dfa = datarize-fe-assignments)
  • fly.io와 self-host 데이터 레이어 간의 통신 테스트

[DL] data-layer, DB

• [x] #2
• [ ] [DL] apps/backend/src/data/*.json 해당 스키마를 기준으로 대용량 데이터를 만들기

개발목표

• 데이터 인증 - Hasura + clerk를 이용 (optional)
• Hasura vs Apollo 비교 알아보기

[IF] infra

• [x] #9

[FN] job, process, scheduler

• [ ] #8
• [ ] 실시간 데이터주입 100명 단위의 데이터가 추가
  • [ ] Elixir로 업그레이드 해보기 (optional)

개발목표

• 공부한 elixir 활용해보기