***자료형(Data Type)*** 연산에 사용되는 값의 종류 *상수 : 값이 정해져 있는 형식 1. 정수 (Number Object, 숫자 객체) - 음수(-), 소수(.)를 제외한 양의 실수 - 8진수, 16진수 포함 (진수끼리 변환이 가능함) 2. 실수 (Number Object, 숫자 객체) - 실제 사용 가능한 모든 수 3. 문자형 상수(String) - 일반적인 텍스트 - ""사용 4. 불린(boolean) - true(1) / false(0)의 형식 5. null - 값이 없음 <-> 값이 있음 (not null) 6. undefind - 값이 정의되지 않음 7. object - object : 키와 값으로 구성된 여러 개의 값 - const a - {name:"john", class:1, subject:["KOREAN", "ENGLISH"]} - array(배열) : 여러 개의 값으로 구성된 자료형 ㄴ> const a = ["aa", "bb", "cc"] -날짜/시간 ㄴ> var data = new Date()
console . log () -> 개발자탭의 콘솔 탭에서 확인 가능함
<!DOCTYPE html >
<html lang = "ko" >
<head>
<meta charset = "UTF-8" >
<meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
<title> Document </title>
<script>
//console.log("aaaaa");
document . write ( "TEXT : " + typeof ( "TEXT" ));
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html >
<html lang = "ko" >
<head>
<meta charset = "UTF-8" >
<meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
<title> Document </title>
<script>
//console.log("aaaaa");
document . write ( "TEXT : " + typeof ( "TEXT" ));
document . write ( "<hr>" )
document . write ( "10 : " + typeof 10 );
document . write ( "<hr>" )
</script>
</head>
<body>
</body>
</html>
document . write ( "true : "
+ typeof true );
document . write ( "<hr>" )
var arr = [ "aa" , "bb" , "cc" ];
document . write ( "arr[0]" + arr [ 0 ]);
document . write ( "<hr>" )
document . write ( "arr[0]" + typeof arr );
document . write ( "<hr>" )
var now_date = new Date ();
document . write ( "Date : " + now_date );
document . write ( "<hr>" );
document . write ( "Date : " + typeof now_date );
*변수(variable)
1. 변할 수 있는 값 2. 값을 저장하는 장소나 이름 3. 변수 선언문 - var : 변수 재선언 & 변수 재할당 가능, 생략 가능 ex) var abc - let : 재할당 가능, 재선언 불가능, 블록 스코프 - const : 변수 재선언, 변수 재할당 불가능, 블록 스코프, 초기값 반드시 선언 4. 선언과 동시에 값 입력 가능 ex) var abc = 1 var abc abc = 1
<!DOCTYPE html >
<html lang = "ko" >
<head>
<meta charset = "UTF-8" >
<meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
<title> 변수선언문 </title>
<script>
var a = 1 ;
a = 2 ; // 값을 바꾸는것 -> 재할당
var a = 3 ; // 재선언
let b = 1 ;
b = 2 ;
let b = 3 ; // SyntaxError
</script>
</head>
<body>
</body>
</html>
const c = 1 ;
// c = 2; //Type Error
const c = 3 ; //SyntaxError
const c ; (선언만 하면 값은 오류가남, 문법적 오류)
const c = 1 ; (값의 오류)
c = 2 ;
const c = [ "aa" , "bb" , "cc" ];
c = 2; ㄴ> 에러
c[0] = "dd";
c 자체를 바꾸는건 안되지만 c 자체가 갖고있는 배열값이나 객체값은 바꿀 수 있음
<!DOCTYPE html >
<html lang = "ko" >
<head>
<meta charset = "UTF-8" >
<meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
<title> 지역변수/전역변수 </title>
<script>
var a = 1 ;
//document.write(a);
var a = 2 ;
//document.write(a);
function change_var (){
var a = 3 ;
}
document . write ( a );
</script>
</head>
<body>
</body>
</html>
function change_var (){
var a = 3 ;
}
document . write ( a );
<!DOCTYPE html >
<html lang = "ko" >
<head>
<meta charset = "UTF-8" >
<meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
<title> 지역변수/전역변수 </title>
<script>
var a = 1 ;
//document.write(a);
var a = 2 ;
//document.write(a);
function change_var (){
a = 2 ;
document . write ( a + "//" ); //2
var a = 3 ;
document . write ( a + "::::" ); //3
}
change_var ();
document . write ( a );
//function안에서 만들어진 변수들은 function 안에서만 사용할 수 있다.
</script>
</head>
<body>
</body>
</html>
//function안에서 만들어진 변수들은 function 안에서만 사용할 수 있다. -> 지역 변수
*var(선언문) 변수이름 = 값 **이름 규칙** 1. 알파벳, 숫자 사용 가능 2. 한글, 특수문자, 공백 사용 불가 (단, 특수문자 중 "_"는 사용 가능) 3. 첫 번째 글자는 "_" 또는 알파벳만 가능 4. 대소문자 반드시 구분 5. 예약어 사용 불가 +) 변수 이름만 봐도 어떤 뜻을 가지고 있는지 예상이 가도록 공부 **네이밍 표기법** 1. 스네이크 표기법 : student_name 2. 케밥 표기법 : student-name 3. 카멜 표기법 : studentName 4. 파스칼 표기법 : StudentName