[Final Project]8/23(月)

3273 ワード

今日の仕事内容

  • 検索ウィンドウ機能とcss強化
  • keyDownが2回実行する問題


    検索ウィンドウには、検索結果を방향키で選択し、enter키で検索結果を表示し、ハングル子音を認識する機能が追加されています.
    方向キー機能を作成するとき、最初にキーを押すと、keyDown関数を2回呼び出す問題が発生します.これは活動のバブル化に関する問題だと思いますが、event.stopPropagationも試してみましたが、変わっていません.
    そこでdelta状態変数が生成され、0.01秒以内にkeyDown関数が再び呼び出され、終了するように解決される.
    const isDoubleKeyDown = () => {
      setDelta(Date.now());
      let now = Date.now();
      if (now - delta < 10){
        console.log("Prevent double keydown!")
        return true;
      }
      return false;
    }

    ハングル文字列の検索


    ハングル検索にはkorean-regexpackageが使用されています.本当は自分で作りたかったのですが、時間が長すぎてパッケージを使いました.
    最初は週ごとのダウンロード数が多いhangul-jspackageを使用していましたが、ターゲットの間に検索する文字列が含まれている場合は検索できませんので変更しました.たとえば、「d」と入力した場合、「headwick」は検索できません.
    韓国語検索関連参考資料
  • https://taegon.kim/archives/9919(原理文章)
  • https://bluewings.github.io/unobstructed-hangul-regular-expression/(パッケージを作成するアイデンティティブログ)
  • いつか私も良いバッグを作って配布したいです.

    同じページでhistory。Push()時にステータスを更新しない問題


    同じページでhistory.push()を実行するとステータスは更新されないため、useEffectは実行できません.
    問題を解決するために、URLオブジェクトを使用してホストアドレスを受信し、window.location.assignを使用してページをロードします.

    明日の仕事


    CSSは時間が足りなくてできなかった.明日するつもりです.