Study/자바스크립트

[#5] 복습하는 자바스크립트 with <코딩자율학습 제로초의 자바스크립트 입문>

1. 이벤트 버블링- 이벤트가 자식요소에서 부모요소로 전파되는 현상- 막기위한 방법으로는 e.stopPropagation()을 사용 const $table = document.createElement('table'); const rows = []; let turn = 'o'; const callback = (e) => { if (e.target.textContent) { alert('빈칸이 아닙니다.'); return; } e.target.textContent = turn; ..

[#4] 복습하는 자바스크립트 with <코딩자율학습 제로초의 자바스크립트 입문>

1. 배열 중복 확인하는 방법a) Set 함수 사용const numbers = [1, 2, 3, 4, 5, 6]if (new Set(numbers).size !== 6) { return alert('중복된 숫자를 입력했습니다.');}b) forEach, inclues 사용 (Set 함수 없이)const numbers = [1, 2, 3, 4, 5, 6];const newNumbers = [];numbers.forEach((v) => { // 각 원소들을 돌면서 if (!newNumbers.includes(v)) { // 새로운 배열에 없는 값인 경우 집어넣기 newNumbers.push(v); // 즉, 이미 있는 값인 경우 안담김 }});if (newNumber..

[#3] 복습하는 자바스크립트 with <코딩자율학습 제로초의 자바스크립트 입문>

1. Math.random( ) 생각하는 과정let m = Math.random()// 1-1 (디폴트)0  2. 선언할 때, 배열 vs 객체배열: 단순히 값만 담을 때객체: 각 값에 키값, 즉 이름이 필요할 때 3. event.preventDefault()원래 내장된 객체의 기능을 제거하고 싶을 때 ( , )ex) form 객체에서 button 클릭 시, 자동으로 새로고침 되는 경우-> 기존에 담아놓은 변수들이 비워지게 됨-> 새로고침 안되게 event.preventDefault() 사용 4. 중복값을 제거하는 Set 함수Set 함수 길이는 length 대신 size사용// 사용법const array = [1, 1, 2]const a = new Set(array) // [1, 2]a.size // 2..

[#2] 복습하는 자바스크립트 with <코딩자율학습 제로초의 자바스크립트 입문>

1. 고차함수 (코드 정리)let num1 ='';let num2 ='';let operator ='';const $result = document.querySelector('#result');// #1const onClickNum = (number) => { return () => { // return 안쓸 경우 'return undefined;'가 생략되어있기 때문에 결과 값이 'undefined'가 됨 (event) => { // () => {} 함수를 return에 넣어주면 해당 함수가 바로 실행됨 => 고차함수 if (operator) { Number(num2) += number; }else{ Numbe..

복습하는 자바스크립트 with <코딩자율학습 제로초의 자바스크립트 입문>

1. typeof NaN은 number이다.2. 숫자parslint("3월") // 3Number("3월) // NaN3. falsy 값!!false // false!!'' // false!!NaN // false!!0 // false!!undefined // false!!null // false4. typeof의 버그typeof null // object (원래는 null이 떠야하지만 자바스크립트 언어 개발자의 실수로 굳혀짐)-> == null 로 체크해야함5. 선언문let num = 1 // num은 변수명6. 덧셈 연산자// 셋다 동일i = i + 1i += 1i++7. for문for(시작(1); 조건식(2); 반복식(4)) 동작문(3)// 1->2->3->4->2->3->4->...for(l..