자바스크립트

자바스크립트 시작하기.

요피짱 2019. 12. 23. 00:27

먼저 자바스크립트란?

 

웹 언어이며 , 스크립트 언어다.

장점으로 절차형, 객체지향형, 함수형 모두 사용가능하다.

웹 언어 중 1위를 달리고 있으며 그만큼 정보가 많다.

인터넷 브라우저에서 바로 스크립트를 적용시킬수 있다.

그래서 여기서는 구글 크롬으로 바로 스크립트를 적용하는 식으로 한다.

 

 

구글 크롬을 띄워놓고 번째,

 

구글 크롬을 띄워놨다면 , F12 를 눌러서 콘솔로 이동한다.

 

 

콘솔(console)로 이동 후 번째,

 

일단 변수에 대해 알아보자,

자바 스크립트에서는 자바와 다른 프로그래밍 언어와 달리

변수형을 일일히 지정해주지 않아도 된다.

즉 int, float, double, char, String  등등 이런것을 통틀어

var(Variable)로 통일한다.

 

이제 아래의 예제 코드를 콘솔에서 한번 적용해보자.

줄바꿈은 Shift + Enter 로 하도록 한다.

그냥 Enter 을 누르게되면 코드가 실행된다.

 

var dateCheck = function(){
var date = new Date(); // 현재 날짜를 저장
alert(date); // 날짜를 알림창으로 출력
}

dateCkecker(); // 실행 (이 부분에서 엔터를 눌러준다.)

 

날짜가 알림창에 뜨는 모습을 볼 수 있다.

 

 

자료형을 자세히 알아보자 번째,

 

위에서 자바스크립트에서는 자료형을 var 로 통일한다고 말했는데,

정말 var 로 모든 문자 , 숫자 , 객체 , 배열 , 함수... 등

전부 통용해서 쓴다.

여기서는 조금 특이한 자료형을 알아볼건데 아래의 내용을 참고하자.

 

1. 불린(Boolean)

Boolean 자료형은 true , false 값을 가지는데 말 그대로 

참 , 거짓을 나타낸다. 나중에 ON/OFF 스위치 역할을 하기도 한다.

 

2. Undefined / Null

위의 두 값은 빈 값인데,

첫번째 Undefined 는 변수를 만들어 놨지만 아무 값도 집어넣지 않았을 때

Undefined(정해지지 않음) 이 들어간다.

 

ex) var a;  // 자동으로 Undefined 가 들어간다.

     a;      // Undefined

 

두번째 Null 은 빈 값을 변수에 의도적으로 집어넣어서 기존의 값을 지울때 사용한다.

ex) var b = 111;  

     b = null;  //  b의 값을 null 값으로 지운다.

     b;           //  null

 

 

다음 게시글에서는 객체에 대해서 알아보자.