TIL/20210808

今日やったこと

昨日/今日は以下の機能を解決しました.
再ロードせずに「コメント」リストに作成したコメントを追加する
ステータス管理で処理する方法を試みたがapiで処理した.コメントを作成すると、作成したコメント情報をapiとしてコメントリストに受信します.これにより、レンダリング回数が減少し、効率的な処理が可能になります.
作成したプロシージャ・バーのスコア変更機能の適用
社会共有機能
Kakaolinkapiを使ってソーシャル共有機能を実現し、思わぬエラーが発生しました.

JSDKは,ユーザエージェントがPCやモバイルによって変化する環境をサポートしていないことによる問題であることが確認された.

移動ツールのアンインストールが実行されると、正常に動作します.
自動補完機能
正しい単語リストをリアルタイムで出力するために、キーボードを押すとapiに単語リストを渡すように要求されます.
入力した文字がハングルか英語かを確認し、言語に合ったキー値で値を確認します.

const check_eng = /[a-zA-Z]/; // 영어체크
const check_kor = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/; // 한글체크

 if(check_eng.test(word) && show_recent_words === false){//영어로 검색           
            words.map((w)=>{
                setSearch_Beer(search_beer => [...search_beer,
                beers?.filter((p) => p.name_english.includes(w))[0]]);
                setIs_Search(true);
            })
        }else if(check_kor.test(word) && show_recent_words === false){//한국어로 검색            
            words.map((w)=>{
                setSearch_Beer(search_beer => [...search_beer,
                beers?.filter((p) => p.name_korean.includes(w))[0]]);
                setIs_Search(true);
            })
        }else{
            window.alert("잘못 입력 하셨습니다.");
        }

同じinputタグで英語と韓国語を検索できるようになりました.あはは