생활코딩 WEBn - WEB2 Javascript 코스 정리록

생활코딩 WEBn의 WEB2 Javascript코스를 듣고 정리한 글입니다.


WEB2

style

  • html 안의 body-style 코드는 CSS로 작성.
  • <h2 style = "color: balck;"></h2>
    • “{CSS code}”
  • class = "js" 일 때
1
2
3
.js{
    ...
}
  • id로 쓸 때는 # 기호 사용(id=”first”)
1
2
3
#first{
    ...
}
  • 여기 있는 모든 span tag에 대해서 적용됨.
1
2
3
span{
    ...
}

Javascript

  • 사용자와 상호작용하는 언어
  • 웹 브라우저는 한 번 화면에 출력되면 자기 자신을 바꿀 수 없음.
  • script 태그 안에 작성
  • 동적(dynamic)함. <–> html: 정적

event

  • onclick = “{Javascript code}”
  • onkeydown, onchange 등등 매우 많음.

div 태그

  • 어떤 기능도 의미도 없는 태그.
  • CSS, JS 통해 정보 넣음.
  • 줄바꿈 자동

span 태그

  • 기능은 div와 동일
  • 줄바꿈이 없음.

자바스크립트로 style 사용하기

  • document.querySelector('body').style.backgroundColor="black";

객체 함수

1
2
3
4
5
6
7
8
9
10
11
12
var coworkers{
    "programmar":"ys",
    "designer":"ys"
};

    coworkers.showAll = function(){
        ...
    }

    var abc = function(){
        ...
    }

jQuery 함수

  • $.함수의 의미
  • $('a') : 모든 a tag에 대해 제어하겠다

자주 쓰이는 객체들과 검색어

  • document
  • DOM
  • window
  • ajax
  • cookie
  • offline web application
  • WebRTC
  • WebGL