search

hello-deaf-world / ddl-diagram-visualizer

https://hello-deaf-world.github.io/ddl-diagram-visualizer/
MIT License
0 stars 0 forks source link

SQL Parserを導入 #21

Closed yuta0193 closed 4 months ago

yuta0193 commented 4 months ago

概要

6

SQL Parserを導入しました。

実行

cd ddl-diagram-visualizer
npm i
npm run dev

共有

・Sample SQL Parserを用意し、src/SampleSqlParser.tsxを追加 https://github.com/hello-deaf-world/ddl-diagram-visualizer/blob/a5e72e2838c85abb2cdb0df214cbb86bb59990ce/ddl-diagram-visualizer/src/SampleSqlParser.tsx

View

6 参照

close #6

yuta0193 commented 4 months ago

以下のサイトを参考にやってみたくて、ドラフトにしていたイシュー（ブランチ）上でdevからマージして、コンフリクト部分を解消してプルリクエストしてみました！ https://qiita.com/kahibella/items/8204ed94493fa70fe50a

問題ありげなら、devから新しいブランチにチェックアウトしてここの変更ファイルを参考に書き加えます！

サイト上の動作は問題ないんですが、コンソールのほうでリロードするだびにコンソール出力が3回実行されてしまいます。 以下のサイトによると、Strict Modeの使用によるもので問題ないとみなしていいんですかね？ https://footloose-engineer.com/react-js-console-log-multiple-times/

kappakun17 commented 4 months ago

@yuta0193

サイト上の動作は問題ないんですが、コンソールのほうでリロードするだびにコンソール出力が3回実行されてしまいます。 以下のサイトによると、Strict Modeの使用によるもので問題ないとみなしていいんですかね？

ビルドの時にStrictModeは消えるから問題ないっちゃないけど、 不安だったら、React hookのuseEffectsを使って初回マウントのみ実行する方法もできるよ！

今回、サンプルコードだし、問題はなさそうに思いますた！