[Javascript] javascript 입문 01 (170313)

 javascript 입문 01

• WebBrowser 개요

1. HTML (info)

2. CSS (design)

3. Javascript (language) 

• JavaScript의 특징

1. 사용자의 동작에 상호 반응 하는 것

2. 컴파일이 필요없음

3. 웹 브라우저 내부에서 프로그래밍이 가능하다.

4. thread (실행의 흐름) 

: 눈에 보이지 않는 실행의 흐름이 있다고 생각하면 편하다!

5. 문서객체(h1, body, head ...)를 javascript로 직접 접근해서 제어할 수 있다.

• Javascript 시작 전 알아야한 아주 기본적인 것들

• Console 

-javascript runtime : 엔터를 치는 순간 해석됨

-999 입력 : 저장하지 않고 입력 후 값 버림

-var a = 999; : a에 999 저장하기

-var은? variable의 줄임말 (int, double과 같은 예약어)

-저장한 변수는 언제까지 유효한가? 웹 브라우저 새로고침 전까지 유효

• javascript data type

1. number type

2. undefined type

3. string type

4. boolean type

5. function type

6. object type

*identifier 식별자 - 데이터를 식별할 수 있도록 해주는 것

         예약어가 아니면 마음대로 쓸 수 있다.

ex) var은 식별자로 쓸 수 없다.

• 변수란?

- 값을 저장할 수 있는 이름 지어진 기억 공간

- 만드는 방법

  var 변수명;

var 변수명=초기값;

- 변수명은 영문자로 시작하고 예약어는 사용할 수 없다.

   EX) var a = 999;

var myName = "김구라";

• 알면 편리한 것 들

- typeof 연산자 -> 어떤 타입인지 조사할 수 있음

EX) typeof 10 => "number"

var a = typeof 10;

a  = "number" (문자데이터가 들어있다)

- 문자데이터도 더해진다.(산술연산이 아닌 연결연산)

   EX) "하나" + "두울" = "하나두울"

• [String] type

- 원하는 문자열을 홀 따옴표 혹은 쌍 따옴표로 감싸서 만든다.

*연결연산을 이용한 문자열 만들기

• [boolean] type

- true, false : boolean type 철자로 직접 치거나 연산의 결과로 나옴

- true, false 를 직접 작성하거나, 비교연산 혹은 논리 연산의 결과로 만들어 지기도 한다.

-참, 거짓을 나타내는 데이터 type 이다.

-boolean type data를 저장하는 변수의 이름은 대화식으로 지어주는게 일반적이다.

 

cf) var a = "true";     string 타입

    var b = true;     boolean타입

    var c = "10";     string 타입

    var d = 10;     number타입