[JavaScript] 자바스크립트 기초
by 너나나
자바스크립트 정의
자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어이다.
자바스크립트로 작성한 프로그램을 스크립트(script) 라고 부릅니다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행된다.
스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있다.
자바스크립트 코드는 <script></script> 태그 사이에 들어가고 이 태그로 시작되고 종료된 곳 까지를 스크립트 영역이라고 한다!! 보통 자바스크립트 선언문은 <head> 태그 영역에 선언한다!!
외부에 스크립트를 작성하고 html에 연결하려면 <script src = "자바스크립트 파일 경로"></script> 이렇게 해주면 된다!!
변수
변수 선언은 var 변수명; 또는 var 변수명=값; 이렇게 해주면 된다. (근데 var은 오래된 방식이라 요즘은 let을 사용한다고 한다!! 일단 do it 책에서는 var로 사용해서 이렇게 쓰고 나중에 ㄹㅇ 코드 사용할때는 let를 써야겠다!!!! 자세한건 다음 기회에!!)
var box;
box = 100;
var box;
box = 100;
var box = 100;변수에 저장할 수 있는 자료형은 문자형(String), 숫자형(Number), 논리형(Boolean), 그리고 빈 데이터(Undefined)가 있다!!
문자형 데이터는 문자나 숫자에 ""이나 ''로 감싸고 있다. 문자형 데이터에 html태그를 포함하여 출력하면 태그로 인식한다.
"100"이렇게 돼있으면 숫자가 아닌 문자형 데이터인데 Number("100")을 이용하면 문자형 데이터를 숫자형 데이터로 바꿀 수 있다.
var s = 100;
var t = Number("500");논리형 데이터는 참(true), 거짓(false)가 있는데 주로 2개의 데이터를 비교할 때 나오는 결과이다. 100은 10보다 작다는 거짓이니까 false를 반환한다.
Boolean() 메서드에 데이터를 입력하면 true 또는 false를 반환하는데 이때 0, null, undefined, 빈문자( )를 제외한 모든 데이터에 true를 반환한다.
var s = true;
var t = 10>=100; // false
var k = Boolean("Hello") // trueundefined는 값이 등록되기 전의 기본값이고, null은 변수에 저장된 값이 null인 경우를 가르킨다. 그냥 데이터가 없다는 거!!
var s; // 얘는 undefined
var t = hello;
t = null // 이렇게 변수에 저장된 데이터를 비우고싶을때 사용할 수 있다지정한 데이터 또는 변수에 저장된 자료형을 알고싶을때 typeof를 사용한다.
var num = 100;
var str = "javascript";
document.write(typeof num. "<br>"); // number 출력
document.write(typeof str); // string 출력변수명의 첫 글자로는 $, _, 영문자만 올 수 있다.
연산자
피연산자에 문자형 데이터가 한 개라도 포함되어 있으면 다른 피연산자의 데이터는 자동으로 문자형 데이터로 형 변환되고 문자 결합이 이루어져 하나의 문자형 데이터를 반환한다.
"으아아아 " + "배고프다" = "으아아아 배고프다"
"100" + 200 = "100200"
이런식으로!!
var t1 = "학교종이";
var t2 = " 땡땡땡 ";
var t3 = 8282;
var t4 = " 어서 모이자";
var result;
result = t1 + t2 + t3 + t4;
document.write(result); // 학교종이 땡땡땡 8282 어서 모이자증감 연산자는 숫자형 데이터를 1씩 증가시키는 ++ 과 1씩 감소시키는 --이 있다!!
var a = ++b; 는 b를 1 증가시킨 뒤 이 값을 a에 대입하는것
var a = b++; 은 a에 b를 일단 대입하고 그 뒤에 b값을 1만큼 증가시키는 것!!
참고 자료
모던 JavaScript 튜토리얼
ko.javascript.info
「Do it! 자바스크립트 + 제이쿼리 입문 - 정인용」
'study > javascript (2021 여름방학)' 카테고리의 다른 글
| 제이쿼리 (0) | 2021.06.29 |
|---|
블로그의 정보
공부 기록
너나나