Code Monkey home page Code Monkey logo

account-book's Introduction

account-book's People

Contributors

broonej avatar

Watchers

avatar

account-book's Issues

category&financialSourceがtransactionのforeign keyになって削除できない問題

課題

category&financialSourceがtransactionのforeign keyになって削除できない問題

やりたい方向性

transactionでforeign keyとして使われているcategory&financialSourceを削除してもtransactionの内容でcategory&financialSourceが残っていること

解決方法

category&financialSourceのprisma modelにisActiveというfieldを作って消したいcategory&financialSource削除するとisArchivedをtrueに変えてAPI requestがあったとき排除してフロントに送らないようにする

事実、削除ではなくisArchivedの値をtrueからfalseにupdateする

フロントからもdeleteではなくpatchのPOST requestを送る

方向性

  • 現在同じカテゴリー名は登録できないようになっているけど、削除後また登録する可能性があるため許容する（今後検索できるようにすると重複の問題ないと思う）
  • 同じカテゴリー名でもわかるようにカテゴリーのidで区別する、現在カテゴリー名で探して削除していることをidで探すように修正

Homeで当月に発生したtransactionデータだけもらうように

問題

스크린샷 2024-01-17 22 24 01

イメージのように支出と収入を表示したいが現在バックエンドから全ての履歴を送っている

改善案

案１。当月のデータをもらってフロントで支出＆収入計算
案２。当月の支出と収入だけもらうようにする

案２がいいかも

方向

バックのtransaction Serviceでgetするように構成する

取引の履歴が見れるようにする(back)

스크린샷 2024-01-18 21 52 31

このページを実装するに必要なbackend側のロジックを書く

悩み

  1. バックエンドで日付別取引を組んでデータの形を作るか
  2. バックエンドでただ履歴をフロントに送るとフロントで日付別で整理するか

方針

infinity scrollをフロントでする（履歴を10個くらいづつフロントに送る）

カテゴリー選択する画面に検索機能を入れたい

課題

カテゴリーが多くなったら探しづらいかもしれないので、検索機能を入れたい。

方向性

  1. 検索はuseBounceを使ってrequestを送る→リアルタイムでカテゴリーが登録されているかわかる
  2. 検索してカテゴリーが存在しない場合そのままボタンを押すかEnterを押すだけで登録できる

取引履歴でinfinite scroll実装

infinite scrollができるようにしたい

呼んでくる履歴は8か10が良い

課題

  • dateが一緒なlistがたくさんある
  • あとから登録したけど、既存のtransactionより発生日が早いtransactionがあるのでidが順番ではない

トライの方向

  • cursor based paginationがidの順番が揃ってなくてもinfinite scrollが実装できるらしい
  • dateとid二つの基準でinfinite scrollを実装

intercept routing同士もページに移動するとモーダルが閉じない

問題

transaction detailのモーダルからstatistics detailのモーダルに移動するとモーダルが閉じない

方向性

これがintercept routingの問題か自分の使い方が間違っているのか確認

一つの可能性としては@modalフォルダ中にあるページ同士では移動しても閉じないかという疑問
なので、もっと細かく分ける必要があるかなと

参考

vercel/next.js#49662 (comment)
vercel/next.js#49662 (comment)

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.