오늘 배운 것

함수는 서로 연관된 코드를 모아서 이름을 붙인것이다.
함수의 장점
1. 코드가 간결해 진다.
2. 가독성이 좋아진다. =코드의 취지가 바로 보인다.
3. 유지보수가 편해진다.

객체지향은 서로 연관된 변수와 함수를 그룹핑해서 이름을 붙인것

2000 여개의 버튼이 있고

100번째 버튼만 누르기

 let inputs = document.querySelectorAll('input');
    for(i=0; i<inputs.length; i++){
        inputs[100].click()
     }

100이상의 버튼을 전부 누르기

let inputs = document.querySelectorAll('input');
    for(let i=0; i<inputs.length; i++){
  		  if(inputs[i].value > 100 ){inputs[i].click();
          }
         }
     ```

100 초과 200 미만

 let inputs = document.querySelectorAll('input');
    for(let i=0; i<inputs.length; i++){
        if(inputs[i].value > 100 ){
            if(inputs[i].value < 200){
                inputs[i].click(); 
            }
        }
    }

또는

let inputs = document.querySelectorAll('input');
    for(let i=0; i<inputs.length; i++){
        if(inputs[i].value > 100 && inputs[i].value< 200){ inputs[i].click();
                    }
    }
    

배열과 객체

배열: 평등한 데이터를 순서대로 저장할때 사용, 인덱스로 식별되는 데이터
Ex)
let student=['eging','duru']
console.log(student[0],student[1]);

객체: 성격이 다른 데이터를 순서상관 없이 이름대로 저장할때 사용, 배열과 남매같은 관계
Ex)
let member = {developer:'eging', designer:'duru'}
console.log(member.developer, member.designer);

let person ={name:'egoing',city:'seoul',job:'developer'};
console.log(person.name, person.city, person.job)

let MYMath ={}
myMath.PI = 3.14;
 MyMath,sum = function(val1,val2){
  return val1+val2
}
 console.long(MyMath.PI);
 console.log(MyMath.sum(10,20));

Function 함수

console.log(1);
console.log(2);
                console.log('a');
                console.log('b');
                console.log('c');
console.log(3);
                console.log('a');
                console.log('b');
                console.log('c');
console.log(4);

function을 이용해서 코드를 줄일 수 있음.

function abc(){
                console.log('a');
                console.log('b');
                console.log('c');
            }
console.log(1);
console.log(2);
            abc();
console.log(3);
            abc();
console.log(4);

값을 계산하고 자 할떄

            function 부가세계산(가격, 부가세율){ 
  //매개변수, parmeter
  //let 가격 = 1000;
  //let 부가세율 = 0.1;
                   let 부가세 = 가격*부가세율;
                return 부가세;
 //retrun :함수의 종료 조건, 기능을 하나로 제한하는것=범용성이 높아짐
 //console.log(부가세);
                  }
            console.log(1);
            console.log(2);
            console.log(부가세계산(2000,0.1));
 //인자, argument, 입력값
            console.log(3);

도식화

 function sum(val1,val2){
                return val1+val2;
            }

어려웠던 점

개념은 전에 배웠었던 기초개념이라 이해를 할 수 있었는데 응용하는 연습이 필요하다...
input이라는 쿼리들을 골라서 inputs라는 쿼리로 묶은 후 이 쿼리로 코딩을 하는 개념이라 input 들이 겹치게 되었고, 이것처럼 비슷한 이름을 헷갈리지 않는게 어려웠다.

해결한 점

input 과 inputs를 헷갈리지 않게 둘 다 넣어보고 실행을 해봄으로서 뭐가 정확하게 다른건지 해결해봤다.

학습소감

계속 어려움의 연속이라, 복습을 어떻게 진행해야될지 고민이 많다. 무작정 코드를 외우는것은 강사님이 권장하지않으시지만, 당장 할 수 있는게 그것밖에 없는것 같다.