JavaScript의 기초1 (이벤트, 콘솔, 데이터타입, 변수)

JavaScript

HTML을 동적으로 제어하는 프로그래밍 언어이다.

HTML의 <script> 태그 안에 들어간다.

 

 

* 이벤트

HTML과 JavaScript가 정보교환을 할 수 있도록 만드는 html의 input 태그의 attribute(속성)이다.

 

* 콘솔

웹브라우저에서 검사 또는 F12를 누르고, esc를 누르면 생기는 창이 콘솔창이다.

콘솔을 통해 그 페이지의 html코드에 대해 JavaScript의 코드를 작성해서 사용할 수 있다.

예) 텍스트 크롤링

 

 

* 데이터 타입

1. 문자열(string)과 숫자(number)

//콘솔창에 해보세요

console.log(typeof(1)) //number
console.log(typeof("1")) //string

console.log(typeof(1+1)) //2
console.log(typeof("1"+"1")) //"11"

//형변환 Num -> Str
var a = 1;
console.log(typeof(a)) //number
a=a+"";
console.log(typeof(a)) //string

//형변환 Str -> Num
var b = "1";
console.log(typeof(b)) //string
b=b*1;
console.log(typeof(b)) //number

2. Boolean (true or false)

console.log(typeof(true)) //boolean
console.log(typeof(false)) //boolean

//!(not)
console.log(!true) //false
console.log(!false) //true

//&&(and) 와 ||(or)
console.log(true && true) //true
console.log(true && false) //false
console.log(true || true) //true
console.log(true || false) //true

* 변수(variable)와 대입 연산자(assignment operater)(=)

변수는 사람이 할 수 없는 대량의 정보 처리를 가능하게 한다.

var a = 1; //a라는 이름의 number변수 생성
// = 의 역할은 오른쪽 '값'을 왼쪽 '변수'에 대입시키는 것.
// 절대로 같다는 뜻이 아니다. (같다는 뜻은 ==을 사용한다.)