Q . 자바스크립트란?
자바스크립트란 웹 페이지를 동적으로 변환 & 실행해주는 스크립트
JS의 기초 문법인 선언과 변수부터 알아보자~
#1 자바스크립트 선언문
- 기본형
<head> 또는 <body> 영역에
<script> 태그를 넣고 자바스크립트 코드를 적는다
<script>
document.write("안녕?");
</script>* [ document.write ( 내용 ) ] 출력하는 js기능
- 결과
안녕?
- 스트립트 외부로 분리
위 기본형의 " document.write("안녕?"); "을 xxx.js 파일로 html과 분리할 경우
source 인 src에 파일 경로를 적어준다
<script src="/xxx.js"> </script>
결과는 똑같이 안녕? 이 나온다
#2 변수
변수란 데이터(값)을 저장하는 메모리 공간인데
예를 들면 내 나이 = 27;
내 나이 라는 변수에 27의 값을 넣어주는 것이다.
? 걍 27쓰면 되지? 라고 생각할 수 있지만
앞으로 변수인 내 나이의 값은 새로 입혀져 바뀔 수 있고,
27이라고 쓰게 되면 어느 날 27이 뭐고 왜 써있지,,?? 라는 생각을 할것이다ㅠㅠ
- 변수 선언
var 를 이용하여 선언한다
var myAge;
var myAge = 27;1번 : myAge이라는 변수는 있지만 값은 아직 없다.
2번 : myAge이라는 변수는 27의 값을 가지고 있다.
★ 선언 시 주의사항
1. 변수에는 1개의 값만 들어간다 (ex: var myAge = 21, 27; 불가능)
2. 변수에 2번째 값을 넣게 된다면 첫 값은 지워지고 새로 등록된다
3. 변수명에는 한글 X / 영문, 숫자, 일부 특수문자( $, _) O
4. 첫 글자로 숫자는 X
5. 낙타등 같은 이름짓기 Camel표기법
( 단어+단어 일 경우 후에 오는 단어 첫 글자는 대문자 my+age = myAge )
#3 변수의 자료형태 - 문자형, 숫자형, 논리형
- 문자형 (String)
1 var js = "JavaScript";
2 var num = "10";
3 var jsBold = "<b> JavaScript </b>;- 문자형 데이터는 "" 나 '' 로 감싸준다
- 2번 num의 값이 10 숫자 같지만 10 문자.
- 문자는 연산이 불가능 ( num 값이 "10" 문자라서 num + num 연산불가능)
- 3번 HTML 태그를 포함하면 태그로 인식 JavaScript 볼드체로 출력
- 숫자형 (Number)
1 var num1 = 10;
2 var num2 = Number("20");- ""에 싸여있다면 문자형이지만 Number("값") 을 이용하면 숫자형으로 저장
- 논리형 (Boolean)
true 또는 false 값을 저장
1 var t1 = true;
2 var t2 = 10 > 20;
3 var t3 = Boolean("apple");1번처럼 true나 false를 직접 저장
2번 연산을 통해 저장 (2번은 false)
3번 Boolean("값");
- 이때 값이 [ 0 , null , undefined(변수선언 후 값X) , 공백 ] 일 경우에만 false / 그외 값이 있으면 모두 true
#4 ETC . .
- undefined & null
1. var un;
var a = 10;
2. a = null;1번은 변수에 값을 저장하지 않은 undefined
2번은 null 로 비워내 값을 지우는 것
'🔧JavaScript 자바스크립트' 카테고리의 다른 글
| [JavaScript] #6 객체 - 수학 객체 math() . 1 ~ 10 정수만 뽑기 (0) | 2021.07.15 |
|---|---|
| [JavaScript] #5 객체 - 날짜 객체 Date()로 D-day 구하기 (0) | 2021.07.09 |
| [JavaScript] #4 객체 - 객체 생성 함수 Object() (0) | 2021.06.30 |
| [JavaScript] #3 자바스크립트 제어문 (if, switch, for) (0) | 2021.06.25 |
| [JavaScript] #2 자바스크립트 연산자 (0) | 2021.06.23 |