Giter VIP home page Giter VIP logo

taptap's Introduction

JS react styled-components RN Next.js

taptap's People

Contributors

yesl-kim avatar

Watchers

 avatar

taptap's Issues

[할 일 추가 폼] 매주반복 - 다중 기간 선택 시 '모든 요일에 기간 복사' 기능 추가

현재 상황

  • �할 일 추가 폼 (TaskForm) 에서 매주 반복 -> 세부 반복 설정
  • 요일별 다르게 기간 선택 가능 (다중 선택 가능) (월 - 9:00 ~ 11:00, 12:00 ~ 17:00 / 화 - 9:00 ~ 10:00 / 수 - 9:00 ~ 10:00 ... )

기대되는 동작 및 수정사항

  • 한 요일에 추가된 기간을 선택된 모든 요일에 복사하는 기능
  • ex. 월 - 9:00 ~ 11:00, 12:00 ~ 17:00 / 화 - 9:00 ~ 10:00 / 수 - 9:00 ~ 10:00 ... -> 월요일에 설정된 기간을 나머지 (화, 수...) 요일에 모두 복사

[타임테이블] 위클리 타임테이블

  • 주별 할 일 목록 조회 API
  • 한 시간표에 계획, 실행 구분하여 표시
    • 계획: 해당 날짜에 반복되는 할 일 표시 (Task) -> 특정 날짜 할 일 목록 조회 api 필요
    • 실행: 실행한 기록 표시 (Record)
    • 각 할 일(timeblock)의 위치 계산
  • 날짜 선택: 범위 선택으로 변경
    • 선택된 날짜는 페이지 context 안에서 공유되는 값
  • 현재 시간 표시

[할 일 추가 폼] 매주 반복 설정, 요일 계산 오류

상황

  • 반복되는 요일 선택, 여러번 선택 / 선택해제 이후 반복되는 요일이 실제 데이터와 다르게 저장됨

추측되는 원인

  • 해당 필드를 부분적으로만 react hook form으로 관리하고 있어서
  • 요일 선택과 선택해제 시에 데이터가 제대로 unregister되지 않는 것으로 추측

[타임테이블] 일별 할 일 목록

기능 상세

  • 특정 날짜에 해당하는 할 일 목록
  • 완료 체크 가능
  • 개별 수정, 삭제 가능 (메뉴)

개발 상세

  • stateless, presentational 컴포넌트 (list, item 각각 컴포넌트로 개발)
    • 또는 list 컴포넌트는 직접 data fetching
    • water fall 하지 않도록 상위에서 fragment 공유 필요
  • 완료 여부는 클라이언트에 저장되는 local only field로 관리

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.