プログラマーJavaScript研究タスク3コメント
[Mission 3]は、ajaxを使用してサーバからデータをロードし、ロードされたデータを使用して画面を実装するタスクです.今回の課題を達成するために、数日前からDeep Daveで対応する課題の範囲を学び、私のコードを書くのは別です.このプロセスが終了すると,以前ノルマ符号化でJSで実装された2つのリストと比較する.APIを利用したことはありますが、一人で使うのは難しいです.そして「自分の力でやってみよう!」意欲過剰な時期だったので、他人のコードを見ずに表現したかったのですが、情熱的で良かったのですが、その後の質疑応答で原因を実感しましたが、情熱的に良い成績を取ることはできませんでした.
マイコード
App.js
*** dummy data ***
const searchInput = new SearchInput();
const searchResult = new SearchResult(dummyData, '#search-result');
export default function App(){
this.setState = (nesxtState) => {
this.state = nesxtState;
searchInput.setState (this.state)
}
this.onSearch = function() {
fetchData: value => {
fetch(`*** API주소 ***`)
.then(response => response.json())
.then(data => {
this.setState(data);
})
}
}
アプリは上記のように設計されています.上にデータが山積みになって処理してくれた.ポイント:setStateの動作.
この課題をする2週間前、setStateの機能は分かっていましたが、原理は理解できませんでした.setStateの機能はそれほど劇的ではないからです.しかし、実際には、スタックデータをロードして検索することで、状態を変更し、機能を知ることができます.やはりいつでも適切に理解しなければならない態度が一番危険です.
SearchInput実装
export default function SearchInput($target, onSearch) {
const $app = document.getElementById('app')
const $form = document.createElement('form');
$app.appendChild($form);
const $SearchInput = document.getElementById('search-keyword');
$form.appendChild($SearchInput);
this.$target = $SearchInput
$SearchInput.addEventListener('keyup', (e) => {
const value = e.target.value;
*** 자세한 내용은 생략 ***
})
this.setState = function(nextData){
this.data = nextData;
this.render()
}
}
searchInputはAppのサブコンポーネントです.SearchInputとAppの強い結合を避けるために,イベントリスナーとsetState間のコンテンツ交換プロセスを考慮することに重点を置いた.したがって,詳細はApp上で実装され,Risner内部でメソッドによって受信され,動作時のみ呼び出しが実現される.リアルタイムセッションの重要性
プログラミングのレベルを高めるには近道がない。
Mission 3では不足点が多い.したがって、Mission 4では、何らかの方法で実施を完了する.🔥 意志を燃やす原動力になる.また,この場合,プログラマー研究は大きな優位性を発揮する.私たちは人の話を聞くとき、普通は静かな状態で質問をします.Q&Aにアップロードすれば、姜尚は答えてもいいし、答えなくてもいいし、待つしかない.
しかし,プログラマー学習はリアルタイムで様々な問題を提起することができる.現役の他の大学院生たちの悩みからニックネームのエピソードまで、さまざまな質問が相次いだ.今週のリアルタイム会議で最も深く学んだのは、隊長のRotoと指導者たちが初めてプログラミングを学び、キャリアを積む過程だ.学校でもそうですが、障害のない人たちを見ると、私たちは「才能がある」と簡単に表現できますが、多くの場合、この言葉は自分の努力不足を言い訳にして、その人の努力をけなす態度です.Rotoも最初は本の中のすべてのコードをタイプすることで勉強し、ノートに構造を描くことで実現を練習したと話しています.
最近は様々なスタートキャンプで競争的なマーケティング活動が展開されていますが、99日、100日、N日となれば、先端開発者として就職したり、完成したりした時だと思われるかもしれません.「だから、以前プログラミングで感じた好奇心や喜びは、イライラや不安に変わることがあります」「私ももうすぐ100日になります.彼らはまだ仕事を探しています.私はこのような課題さえ解決できませんか?」例えば.
しかしRoto氏は、フロント開発者が把握しなければならない部分が想像以上に多いので、1年半から2年かかるということで、想像以上に大きな慰めになりました.しかし、このように執行猶予されていると思われないように、今後1年ほど、毎日の句点を感嘆符や疑問符に変えて成長していきます.
Reference
この問題について(プログラマーJavaScript研究タスク3コメント), 我々は、より多くの情報をここで見つけました https://velog.io/@boram_in/Mission4テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol