[JavaScript 5] 용어와 자료 유형

• 코드말고 프로그래밍 언어는 추가적으로 알아야 하는 상식과 배경지식이 많은 것 같다.
• 앞으로 JS에 관한 추가 지식들도 정리해둬야지.

알아두어야 할 기본 용어

1. 표현식 (expression): 값을 만들어 내는 간단한 코드

   • ex. 273, 10+20+30*2, 'RintIanTta'
   • 코드에서 의미를 만들어내는 최소한의 단위로 판단된다.

2. 문장 (statement): 표현식이 하나 이상으로 모인 것. 세미콜론(;)이나 줄바꿈을 통해 문장을 종결한다.

   • ex. 10+20+30*2; alert("hello world");
   • ex.
     10+20+30*2;
     alert("hello world");
   • 표현식도 줄바꿈이나 세미콜론을 사용하면 문장으로 인식된다.

3. 프로그램 (program): 문장이 여러개 모여서 만들어진 것.

   • 내가 보통 생각하는 전반적인 코드가 이곳에 해당하는 듯하다.

4. 키워드 (keyword): 자바스크립트 내에서 특별한 의미가 있는 문자열을 키워드라고한다.

   • 키워드의 경우 변수나 함수명으로 사용할 수 없다.
   • ex. if, else, for, let, const 등이 키워드에 속한다.

5. 식별자 (identifier): 변수명이나 함수명과 같이 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어

   • 식별자 규칙:
     • 키워드를 사용해선 안된다.
     • 숫자로 시작하면 안된다.
     • 특수문자를 사용할 경우, _와 $만 허용된다.
     • 공백을 추가할 수 없다.

기본 자료형 - 유형 알아보기

1. 이스케이프 문자 (\): 따옴표는 문자열을 만들 때 쓰기 때문에 기본적으로 문자로 인식되지 않는다.
   • 따옴표를 문자로 쓰기 위해 사용되는 기호가 역슬래시(\)다.
     • \" = 따옴표나 쌍따옴표가 문자로 인식된다

       • "This is \"string\""    >>>    This is "string"

     • \n = 줄바꿈을 의미한다.

       • "동해물과 백두산이\n마르고 닳도록" 
         		>>>
         	동해물과 백두산이
         	마르고 닳도록

     • \t = 탭을 의미한다.

       • "이름\t나이\t지역"   >>>   "이름	나이	  지역"

     • \\ = 역슬래시(\) 자체를 의미한다.

       • "\\ \\ \\ \\"    >>>    "\ \ \ \"

         
         
2. 나머지 연산자 (%): 좌변을 우변으로 나눈 나머지 값을 출력한다.

   10 % 2 >>> 0
   10 % 3 >>> 1
   10 % 4 >>> 2

   
   

3. typeof 연산자 : 자료의 성질이 숫자인지 문자인지 불린인지 확인할 수 있음

   typeof('가나다')  >>>  "string"
   typeof(1234)  >>>  "number"
   typeof(true) >>>  "boolean"

   
   

4. 단항 연산자: 피연산자의 개수에 따라 단항, 이항, 삼항 연산자로 구분된다.

   • 논리 부정 연산자(!) , 플러스 연산자(+) , 마이너스 연산자(-) , typeof 연산자 등이 단항 연산자이다.

     • (+), (-) 가 단항 연산자로 구분되는건 양수/음수 구분 시 사용된다. ex. 10, -10

   • !true >>> false // 피연산자는 true 1개로 단항 연산자
      10+20 >>> 30 // 피연산자가 10, 20 2개로 이항 연산자
      true ? 10 : 20 >>> 10 // 피연산자가 truem, 10, 20 3개로 삼항 연산자
     

자료형 변환

1. 숫자 자료형으로 변환하기

• 다른 자료형을 숫자 자료형으로 변환할 경우, Number() 함수를 사용한다.
  • ex. Number("237") >>> 237
  • typeof로 확인 시, number로 구분된다.
    
    
• 문자열에 다른 문자가 들어있어서 정확하게 숫자로 변경되지 않을 경우엔 NaN(Not a Number)로 표시된다.
  • ex. Number("$273") >>> NaN
  • 다만 typeof로 확인 시, number로 구분된다.
    • 숫자가 아님으로 표시되지만, NaN의 자료형 자체는 숫자로 구분된다.
      
      
• 숫자 연산자와 연결할 경우, 숫자 자료형으로 형이 변한다.
  • ex. "52" - 0 >>> 52
  • typeof로 확인 시, number로 구분된다.
    • 숫자가 아닌 다른 자료형에서 0을 빼거나 1을 곱하기/나누기 할 경우, 자료형이 숫자로 전환된다.
    • 불린의 경우도 숫자와 결합하면 1(true), 2(false)로 표시된다.

2. 문자열 자료형으로 변환하기

• 다른 자료형을 숫자 자료형으로 변환할 경우, String() 함수를 사용한다.

  • ex. String(52.273) >>> "52.273"
  • typeof로 확인 시, string으로 구분된다.

• 문자열 연산자와 연결할 경우, 문자 자료형으로 형이 변한다.

  • ex. 273 + "" >>> "273"
  • typeof로 확인 시, string으로 구분된다.
    • 문자열이 아닌 다른 자료형에 빈칸 (빈 문자열) 을 연결 연산자 (+)로 결합할 경우, 자료형이 문자열로 전환된다.
  
  

3. 불린 자료형으로 변환하기

• 다른 자료형을 숫자 자료형으로 변환할 경우, Boolean() 함수를 사용한다.
  • 대부분의 자료들은 불린으로 변경했을 때 true로 변환된다.
  • 다만 0, NaN, ""(빈문자열), null, undefined 5가지는 false로 구분된다.
    
    
• 논리 부정 연산자와 다른 자료형을 연결할 경우, 불린 자료형으로 형이 변경된다.
  • ex. !!273 >>> true
  • 숫자형에서 불린으로 변경된다.
    
    

추가 지식이나 배경지식은 차차 익혀가면서 여러개로 만들어야겠다.

출처: 혼자 공부하는 자바스크립트 (한빛미디어)