[Javascript] 자료형
Javascript
- 브랜든 아이크 10일만에 설계
- 모카 -> Livescript -> 자바의 문법과 비슷하다는 이유로(자바의 인기에 편승하려는 이유) Javascript로 이름을 변경
- 넷스케이프 네비게이터에 포함되어 있었음
스크립트 표준화
ECMA Script 1
...
ECMA Script 5 <---- MS 참여
ECMA Script 6
...
ECMA Script 10
자바스크립트의 특징
- 웹의 동작(동적) 구현하기 위한 언어
- 웹 브라우저에 자바스크립트 엔진이 내장되어 있기 때문에 사용 가능
-웹 브라우저에서 동작(단 node.js 환경은 운영체제에서 동작)
- 객체 기반의 스크립트 언어
- HTML 문서 내에서 <script> ~ </script> 태그 안에 작성
- 대소문자를 구별
출력
개발자가 사용자에게 값을 표현해주는것
자바스크립트의 출력
사용자를 위한 출력
1. 문서 출력
document.write() 함수를 통해 <body>에 출력
2. 대화상자 출력
window.alert() 함수를 통해 알람창으로 출력
-------------------------------------
개발자를 위한 출력
3. 콘솔 출력
console.log() 함수를 통해 콘솔창에 출력
외부 자바스크립트 파일로 적용
<script src="경로/파일명.js"></script>
defer
<script>는 다운로드와 실행이 순차적으로 진행되는 것과 달리
defer 속성을 가진 스크립트는 브라우저가 <script defer>를
만났을 때 다운로드 시작하지만, html 파싱(해석)을 막지 않고 </html>을 만났을 때 실행됩니다.
프로그래밍
프로그램 : 컴퓨터에게 시키는 일들을 쭉 나열해놓은 대본
컴퓨터 프로그램을 작성하는 일
작성 방법의 결정, 코딩, 에러 수정 등의 작업
단순 데이터의 표기가 아닌 논리적 흐름(알고리즘)에 의한 처리과정을 만드는 것
변수(Variable)
데이터(값)를 저장할 수 있는 메모리 공간
x = 10
x : 저장공간의 이름
= : 대입 연산자
10 : 저장될 값
대입 연산자
오른쪽에 있는 값을 왼쪽의 저장공간에 넣어라!
변수의 선언
변수명 앞에 let이 붙어있으면 선언
let 변수명; //선언
변수명 = 값; //초기화
let num;
num = 10;
let num;
let data = 20;
var num;
num = 10;
*var를 사용하지 않는 이유
1. 같은 이름의 변수를 선언할 수 있음
2. 지역변수와 전역변수의 구별이 모호
상수(constant)
한번 선언된 상수는 다시 재정의 할 수 없으며, 값도 재할당 할 수 없다.
const 상수명;
상수명 = 값; <--- 에러발생
const 상수명 = 값; //(O)
자료형(type)
프로그램에서 다룰 수 있는 값의 종류를 의미한다.
1. 숫자형(number)
다른 언어와 달리 정수와 실수를 따로 구분하지 않음
모든 수를 실수 하나로만 표현
2. 문자열형(string)
따옴표로 둘러싸인 문자들의 집합체, 문자의 나열을 뜻한다.
"", '', ``
3. undefined
타입이 정해지지 않은것을 의미한다.
4. null
값이 정해지지 않은것을 의미, null로 변수를 초기화 한 경우
5. 객체형(object)
여러 속성, 여러 값을 하나의 변수에 저장할 수 있도록 해주는 타입
Key - Value 구조로 이루어져 있다.
let apple_id = "apple"
let apple_pw = "abcd1234"
let apple_age = 10
↑ 매우 불쾌
--------------------
let apple = { id : "apple", pw : "abcd1234", age : 10 }
--- -------
key value
