내일배움캠프(TIL-15일차 자바스크립트 문법)

그냥차차·2022년 11월 15일
0

내일배움캠프

목록 보기
34/106
post-thumbnail
post-custom-banner

1. 오늘배운거

ㄱ. 자바스크립트란

  • html에서 1+1은 평생 1+1이지만
  • 자바스크립트에서 1+1=2이다. 즉,바스크립트는 동적이고, 이게 자바스크립트를 쓰는 이유이다.

ㄴ. 이벤트

  • 웹브라우저 위에서 일어나는 일들을 이벤트라고 한다.(onclik,onkekdown등이 있다.)
  • onclick 뒤에는 항상 자바스크립트 문법이 오게되어있다.

ㄷ. input의 button과 button 태그의 차이점

  • input의 button태그는 button태그의 비해 디자인이 쉽지않다.
  • 즉 button태그가 디자인측면에서는 훨씬 자유롭다.

ㄹ. queryselector

  • document.queryselector('body').style.background-color'black';
    body를 선택해서 style에 background-color를 바꾸겠다는 뜻임.
  • queryselctor는 처음등장하는 1개의 속성만을 가져오는 특성이있다.
  • 만약 모든 속성을 가져오고싶다면 queryselctorAll을 쓰면됨.

ㅁ. 반복되는 코드를 줄일땐 변수를쓰자

  • 코드를 쓰다보면 똑같이 반복되는 코드들이 있다.
  • 그 코드들을 변수에담아서 변수만 호출하자.

ㅂ. 배열

  • var coworker=['cha','snag','hyun'] // ['']안에담긴값들을 배열에선 index라고 부름.
  • var i =0; // i의 변수를 만들고 0의값을준다.
  • while(i<coworker.length){document.write('
  • ')+coworker[i]+<'
  • '>}; i= i+1;}
  • 배열의 변수를 사용해서 반복문을 돌릴수있다.

ㅅ. 함수

  • 변수는 1개의 데이터만 저장하고 자바스크립트는 저장할수 없지만. 함수는 여러개의 데이터와 자바스크립트를 저장할수 있다는점이 다르다.
  • function sum(a,b){document.write(a+b};} // (a+b) a+b를 매개변수(파라미터)라고한다
  • sum(1,2),sum(3,4) 이라고 호출시 3과7이 호출됨 // 변수 sum(숫자)괄호안에 숫자를 인자(아규먼트)라고함.

ㅇ. 객체

  • 배열은 []대괄호를 쓰지만, 객체는 {} 중괄호를 쓴다는게 다르다.
  • var coworkers = {"programers":"cha","designer":"sang"};
    document.write("programers:"+coworkes.programer); = programers : cha 라고 호출됨.
  • 객체를 추가하는방법 coworkers.bookkeeper="hyun" // 배열에서 추가할때는 push라고함.

ㅈ. 객체의 반복문

  • for(var key in coworkers){document.write(key + ' : ' + coworkers[key])}
    라고 선언하면 programers : cha, designer : sang, bookkeeper : hyun이라고 호출됨.

2. 아쉬운점

  • 아직 완전히 이해한거같지않다..더 심화된 자바스크립트 공부가 필요하다.
  • 이것들을 어떻게 써야할지 아직 잘 모르겠다..
  • 매번 새롭다..모르던게 계속 나오는거같다.. 자주 많이 봐야겠다.

3.회고

  • 오늘은 알고리즘 할시간이 없었다.
  • 강의를 듣는게 바쁘다바빠 현대사회
profile
개발작
post-custom-banner

0개의 댓글