プログラマーJavaScript研究タスク1コメント


プログラマーJavaScript学習


プログラマーのJavaScript学習に参加できる、ありがたい機会です!(気になる方はリンクをクリックしてください!)参加したのは,符号化のたびにコード確認を受ける機会がないためである.今回の学習に参加して感じたことですが、自分でコードを書く経験は本当に少ないです.
もちろん、クローン符号化は誤った学習方法ではないが、クローン符号化を主として学習されてきたため、通常デバッグのプロセスもエラーの原因ではなく、エラーを検索するプロセスである.自分でコードを作るときも「いいコードは何ですか?」みんなが悩み始めるのを助けるために、参加を申し込みました.今はオティとSESSION 1にしか参加していませんが、一緒にいたキャプテン、メンター、同期たちのおかげで毎日たくさんのことを学んでいます.

その時はそうだった。


最初のセッションでは、Todo-Listの初期タスクは、機能による構成部品の作成を学習することです.昔の私はRoto隊長が言ったようにJavaScriptをハードコーディングしました.
const A = document.queryselector('#id').innerHTML =`
blah blah blah 
`
そのため、多くの変数宣言を行う必要はありません.コードの論理は他の人にも明日の私にもわかりにくいです.しかもこのコードが間違っている確率は非常に高く、再利用はほとんど不可能です!今回のTodo-listを作成したとき、私はこのように実現しました.
function TodoList(data) {
      this.data = data;

      this.getData = function(){
        const userInputs = this.data.reduce((acc,cur) => `${acc}<div>${cur.text}</div>`, ' ');
        return userInputs
      }

      this.render = function () { 
        document.getElementById("todo-list").innerHTML =this.getData();
      }
    }


    const todoList = new TodoList(data);
    todoList.render();
かなりの挑戦でした!

使用量減少


まずはオリジナルのfor loopから離れました!(for loopもういい!このままでは死ぬぞ!)mapとreduceに接触した後、for loopの欠点を見て、それが迅速で簡便な利点を持っているかどうか分かりませんが、countのiを高めるなど、不要な変数を追加し、関数の実行も挿入しにくくなります.逆にreduceを使用すると、そのような部分が大幅に減少し、可読性が向上します.さらに、mapはreduceよりも関数などの内容を表示することができ、他の人が私のコードを表示するときに役立ちます.今週もmap、reduceなどを深く勉強します.

✔️ what's this!


クローン符号化を行う過程で,最大の問題と今回の学習における大きな山がそれを用いることである.そのため、私はタイプを打ったことがあるので、深く研究する必要はありません.ほとんどのクローン符号化は実装に焦点を当てているため,コードの論理自体は複雑ではない.(もちろん、もう一度言いますが、コードは間違った学習方法ではありません.初期と感覚を保つときだけは良いのですが、床から再び登る時間が必要だと思います)だから、これは今何を指しているのでしょうか.考えて、それをコードしました.

✔Githubはどこまで書いてありますか!


ハブしか使用していないので、vscodeのみでコミットしました.そして植えられた芝生を見て、とても嬉しかったです.しかし、このようにブランチを生成し、アップロードする過程はよく知られていない.しかし、この一連のプロセスとコードコメントを通じて、カンマを残すことができます.そして合併...?なに...?勉強の過程でMaster BranchとMergeを学び、午前2時にびっくりして戻ってくるまで非同期で勉強することができます.

セッション後の変更

function  Todolist($target, initialstate){
  target.innerHTML =
... 자세한 코드는 스터디의 내용이 포함되기 때문에 비공개합니다 ... 
... 양해부탁드립니다 ...
	}
this.render()
}

const todoList = new TodoList({
  $target : document.queryselector('#id')
  initialState : data
})

わあ!そんなことができるのか.そしてリアルタイムの会話を聞いて感嘆しながら見る特に、$targetをパラメータに設定すると、再利用が容易になります.Javascriptを書くことで、「なぜ私はJSをCSSとして使うのか」が解決されました.セッション2以降の課題は,符号化の際にもパラメータに注意して符号化する.

renderはreactionだけじゃない!&エラー処理


特にrender関数を実装する場合(これも非常に簡単です!)レンダリングはreactionだけでなくjavascriptでも可能だと聞きましたが、以前から始まっています.これも大きな収穫です.そしてエラー処理をしたことがありません.しかし多くの人は細部と作者の意図とSenseが誤った処理から来たと思っている.以降もクローンコードやTOYアイテムを行う際には意識的にエラー処理を加える必要がある.

変数名は名前です


むやみに数えてはいけない.変数名に関するコードコメントも多数寄せられています.これは様々なコードを見て、一定のパターンを作る必要があります.でも.現在,この機能が全体論理で何を担当すべきかについての理解が足りないのも一つの原因であり,JSをさらに深く研究する必要がある.