[기초] - 자바스크립트

• 자바스크립트
  • 객체(object)기반의 스크립트 언어
  • 주로 웹 브라우저에서 사용
  • Node.js 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용가능
  • 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다.
  • 객체 지향형 프로그래밍과 함수형 프로그래밍 모두 표현

인터프리터 ?
고급 언어로 작성된 프로그램을 한 줄 단위로 받아들여 번역하고
번역과 동시에 프로그램을 한 줄 단위로 즉시 실행시키는 프로그램

자바 vs 자바스크립트

자바	자바스크립트
컴파일 언어	인터프리터 언어
타입 검사를 업격하게 함.	타입을 명시하지 않음.
클래스 기반의 객체 지향 언어	프로토타입 기반의 객체 지향 언어

 

• 문법
  • 실행문은 세미콜론(;)으로 구분
  • 대소문자 구분
  • 변수, 함수 이름, 예약어 작성과 사용 시 대소문자 구분해서 사용
    

    // javascript 문법
    
    var javascript = 10; //변수javascript와 JavaScript는 서로 다른 변수로 인식
    
    var JavaScript = 20;
    
    Var Script = 30; // 변수의 선언은 var 키워드로만 할 수 있으면 Var는 동작하지 않음.​

  • 리터럴(literal)
    • 직접 표현되는 값 그 자체를 의미
      

      // literal
      
      12 // 숫자 리터럴
      "JavaScript" // 문자열 리터럴
      "안녕하세요"  // 문자열 리터럴
      true // 불리언 리터럴​

  • 식별자 (identifier)
    • 변수나 함수의 이름을 작성할 때 사용하는 이름
    • 영문자(대소문자), 숫자, 언더스코어(_), 달러($)사용
    • 숫자로는 시작할 수 없다.
    • 유니코드 문자셋을 사용한다.
      

      // 유니코드 문자셋
      // 문자셋 : 외부 스크립트 파일의 문자 인코딩 방식을 명시함
      // 유니코드를 위한 문자셋인 UTF-8이 가장 많이 사용
      
      //문법
      <script charset = "문자셋">
      
      //예제
      <script src="" charset="UTF-8"></script>​

    • 식별자 작성 방식
      • Camel Case
      • Underscore Case
        

        // 식별자 작성 방식
        
        var firstVar = 10;  // Camel Case
        
        function my_first_func {     // Underscore Case
            var firstLocalVar = 20;  // Camel Case
        }

    • 키워드
      • 특별한 용도로 사용하기 위해 미리 예약한 단어
        

        // 키워드 (keyword)
        
        var firstVar = 10;  // var는 변수의 정의를 위해 예약된 키워드
        
        function myFirstFunc {   // function은 함수의 정의를 위해 예약된 키워드
        	var secondVar = 20;  // var는 변수의 정의를 위해 예약된 키워드
        }​

    • 주석
      • 코드 내 삽입된 일종의 설명문
        

        // 주석
        
        "ctrl + /"로 주석 처리
        
        // var y = 20;
        /*
            x = x + y;
            주석된 부분임
        */
        
        //1. 주석 안에 또 다른 주석 삽입 시
        
        /* 여러 줄
            // 이렇게 두 줄 주석 안에 또 다른 한 줄 주석을 삽입할 수 있습니다.
        주석입니다. */
        
        //2. 여러 줄 주석 내부에 또 다른 여러 줄 주석을 삽입할 수 없다.
        
        /* 여러 줄
            /* 또 다른 여러 줄 주석입니다.*/
        주석입니다. */