자바스크립트

  • 웹 브라우져에서 실행되는 프로그램을 만들 수 있다.

  • html문서에 포함되어 있거나, 링크로 연결되어 있다.

  • client-side(front-end) 기술이다.

  • 변수를 만들면 window라는 객체안에 저장이 된다.


  • 주요기능

    • html을 조작할 수 있다. (DOM)

    • 스타일을 변경할 수 있다. (css를 조작할 수 있다. )

    • 사용자와 상호 연동할 수 있다.

    • 이벤트 처리를 할 수 있다.

    • 서버와 통신해서 메세지를 주고 받을 수 있다. (AJAX)


  • 자바 스크립트의 사용
    <head>
    <script>

//자바스크립트코드를 코딩하게 된다.

//브라우저가 여기에 기술된 코드를 실행한다.

</script>

</head>










javascript에서의 참 거짓

→ 거짓을 제외한 나머지값

거짓 → null, undefined, 빈문자열, 0


if (‘응수’) {

alert(“run”);

}

→ 참


if( ‘’ ) {

alert(“run”);

}

→ 거짓



값 →  숫자, 문자열, 날짜, true/false, 배열, 객체, 메소드(함수)


변수 - 값 하나

var name = ‘응수’;


배열 - 값 여러 개

-[값, 값, 값, 값]

var names = [‘응수’, ‘주윤’, ‘성현’]


객체 - 여러 종류의 값

- {이름:값, 이름:값, 이름:값}

var person = {

no : 1,

name : “응수”,

tel : “010-1234-5678”

}

alert( person.name );

alert( person[“name”] );






자바 스크립트의 함수

  • 수행문을 여러개 갖고 있는것.

  • 아주 특별한 기능이 구현되어 있는 것

  • 자바의 method와 같다.

  • 타입이 없으므로 리턴타입을 적을 필요가 없다.


function 이름(매개변수, 매개변수, ...) {

//수행문1;

//수행문2;

}



MIME타입


 

'프론트엔드' 카테고리의 다른 글

CSS 선택자  (0) 2018.09.04
xml과 html 차이점  (0) 2018.09.03
jquery mobile  (0) 2018.08.31
zen coding  (0) 2018.08.30
JQuery  (0) 2018.08.27

+ Recent posts