コード状態週3(オブジェクト、アップロード、DOM(検証)
7127 ワード
😅 ますます複雑な3週目
📌 2021.12.22 ~ 2021.12.31
オブジェクト値を使う方法を初めて見たときは簡単だと思いましたが、変数を使うときと確認キーを使うときに使うin演算子を使うときは、いつも単一見積書(")を混同してしまいます
他のオブジェクトのプロパティ(delete)、for in繰り返し、objectを削除します.keys/values/entriesも習いましたが、fairとcople問題を解決したとき、すぐに応用できるようです.
let user = {
name: 'namhyun'
age: '27'
}
user.name = 'hokiki'; // dot.notation
user['age'] = '100'; // bracket notation: 대괄호에 '', 변수 활용 시 [] 만!
'name' in user // user에 name 키가 있는지 확인
css selectorとdisplay:flexを学び、flexは一定の感覚を持っていますが、selectorで所望の要素を正確に捉え、cssの不要な重複を減らしたいのですが、困難なため、重複するコードは要素ごとにスタイルを与えます.セレクタは必ず時間を割いて補習しなければならないと思います.😇
以下は簡単にfigmaで線枠を描き、木業創作を行いましたが、結果は初めて思ったのとは違っていましたが、比較的満足できる
DOM操作html要素(CRUD:Create、Read、Update、Delete)の使い方を学びました.
それを利用して会員加入表を作成した.最初は簡単にアイデンティティを入力するときに、条件に応じたビジュアル情報を提供し、パスワードが一致しているかどうかを確認し、対応するビジュアル情報を与えることが第一の目標です.思ったほど難しくなく、次に電話番号入力を追加し、数字でなければフィードバック情報を表示し、入力がなければ会員入力ボタンを無効にします.
// 숫자가 아니면: 숫자만 가능한 정규표현식
function isNotNumber(value) {
return /^[0-9]/g.test(value);
}
// 버튼 비활성화:
// 초기값 버튼 비활성화
elButton.disabled = true;
// 1차시도 각 입력칸에 입력이 있으면 버튼 활성화
// 조건에 맞지 않아도 버튼이 활성화 되는 문제가 발생
function validate() {
if(elInputUsername.value !== '' && elInputPhone.value !== '' && elCheckPassword.value !== '') {
elButton.disabled = false;
} else {
elButton.disabled = true;
}
}
// 조건을 넣어준 함수를 불러와 모든 조건이 충족할 때 버튼 활성화
function validate() {
if(isMatch(elInputPassword.value, elCheckPassword.value)&&
isNotNumber(elInputPhone.value)&&
isMoreThan4Length(elInputUsername.value)) {
elButton.disabled = false;
} else elButton.disabled = true
}
😞 の最後の部分
最初は時間が経つのがあまり速くないと思っていましたが、もう4週目でした.高次関数を学び
準備はしていませんでしたが、やってやればいいという思いで一日一日正規時間で学んだことがよくついてきました.
新しいことに触れるたびに意味がわからなくなりますが、問題を解決するには、時間が経つにつれて、自然と頭の中に入っていきます.だから難しくても諦めずに積み重ねていきましょう
✔今週は本当にあまり勉強しませんでした.年末年始になると、最後に休みたいと思って、元気を出さなければなりません.
✔アルゴリズムBasic 1,2:私が説明した方法ではなく、他の方法で説明した
✔javascript koans再試行、完全な文法をまとめる
この文章を見た人も周りの人も元気で、すべてが順調であることを願っています.😎
Reference
この問題について(コード状態週3(オブジェクト、アップロード、DOM(検証)), 我々は、より多くの情報をここで見つけました https://velog.io/@nhpunch/코드스테이츠-week3-객체-목업-DOM유효성검사テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol