자바스크립트 기초

1. Basic Javascript

• Javascript는 객체 기반의 스크립트 언어로써 이루고 있는 원시 타입을 제외한 거의 모든 것이 객체입니다.
• 객체는 참조에 의한 전달 (pass-by-references) 방식으로 전달 됩니다.

2. JavaScript Data type

1. Primitive Type (pass by value)

• Number
• String
• Boolean
• null
• undefined
• symbol

2. Reference Type (pass by reference)

• Object

1. Number

1. 초기화
   • var 변수명 = 값;
     • ex) var a = 0;
2. 숫자 연산
   • +, -, *, /, %
     • 더하기, 빼기, 곱하기, 나누기, 나머지 연산 가능
3. 연산자 우선 순위
   • 자연수학과 마찬가지로 곱하기, 나누기 먼저 한 후 더하기, 빼기 연산 수행
4. 비교
   • <, >, <=, >=, ==, ===, <==, >==
   • 비교 연산자의 왼쪽 값에 대한 오른쪽 값 비교 연산 수행
     • ex) console.log(10 > 0) → true
5. 증감식
   • ++, -- 가능.
6. NaN (Not a Number)
   • 유효하지 않은 숫자 연산
     • ex) 0 / 0 등
7. 무한대
   • 0으로 나누게 되면 양의 무한대, -0으로 나누게 되면 음의 무한대이다.

2. String

1. 초기화
   • var 변수명 = '값'; or var 변수명 = "값";
2. 문자열 붙이기
   • console.log("Hello" + "World"); → HelloWolrd
     
3. 문자열 비교
   • console.log("Hello" === "Hello"); → true
     

4. 문자열 길이

   • 변수.length;
   • 해당 String 타입 변수의 문자열 길이를 리턴.

5. 문자열 인덱스

   • 문자열은 char형의 배열이라고 볼 수 있으므로
   • 0번째 인덱스부터 시작.

6. 문자열 함수

   해당 표는 String 함수를 나타냅니다.

   간단 표기로 해당 함수의 타입, 갯수만 표현합니다.

함수	설명
변수명.repeat(Number)	문자열을 Number만큼 반복해 리턴
변수명.includes(String)	문자열 내 String이 포함되어 있는지 Boolean 타입으로 리턴.
변수명.startWith(String)	문자열의 시작이 String 인지 Boolean 타입으로 리턴
변수명.endWith(String)	문자열이 String으로 끝나는지 Boolean 타입으로 리턴
변수명.indexOf(String)	문자열 내 String이 있는지 검사하며 있으면 해당 문자열의 시작 인덱스 Number 리턴, 없으면 -1 리턴
변수명.slice(Number1,Number2)	문자열 내 Number1부터 Number2 바로 전 인덱스까지 잘라내어 리턴
변수명.split(String)	문자열 내 String 기준으로 잘라내어 배열로 리턴
변수명.toLowerCase()	문자열을 모두 소문자로 리턴
변수명.toUpperCase()	문자열을 모두 대문자로 리턴

3. Boolean

• C 언어와 비슷한점이 있다고 생각하는데, C언어에서는 1을 참, 0을 거짓으로 정의하고 있습니다.

데이터 타입	true인 값	false인 값
Boolean	true	false
String	비어 있지 않은 문자열	빈 문자열
Number	0이 아닌 모든 숫자 (무한대 포함)	0, NaN
Object	모든 객체	null
Undefined	해당 없음	undefined

4. null

• 의도적으로 변수에 값이 없다는 것을 명시할 때 사용합니다.
• JavaScript는 대소문자를 구별하므로 null은 Null, NULL등과 다릅니다.
• null로 변수를 초기화 한다면, 그 객체는 object 입니다.

5. undefined

• 선언 이후 값을 할당하지 않은 변수
• 어떤 변수를 만들고 그 값을 정의해주지 않았을 때
• 존재하지 않는 객체의 프로퍼티에 접근할 경우.

null vs undefined 용도

• undefined : 값이 대입되지 않은 상태를 위해 사용.
  • 변수를 초기화 하지 않고 선언만 할 경우
  • undefined로 초기화 할 경우
• null : 의도적으로 값이 없음을 표현하고 싶을 때

동등연산자(==)와 일치 연산자(===)

typeof null          // "object" (하위호환 유지를 위해 "null"이 아님)
typeof undefined     // "undefined"
null === undefined   // false
null  == undefined   // true
null === null        // true
null == null         // true
!null                // true
isNaN(1 + null)      // false
isNaN(1 + undefined) // true

6. Symbol

• ES6에서 새롭게 추가된 타입
• 변경 불가능한 원시 타입의 값!!