버스 좋다~

변수를 쓰는 이유

• 변수는 코드의 재활용성과 가독성을 높임

• 중복을 제거해 유지보수가 용이함

  코딩이 처음이라면, 코드잇

자바스크립트에서 변수 선언하기

• [키워드] [식별자] = [값];

• 사용할 수 있는 키워드

  • var, let, const

  • 각각의 키워드에 대한 자세한 설명은 여기서 👇

    JavaScript Variables

    JavaScript Let

    JavaScript const

• 사용방법

  // var 로 변수 선언하기
  // var 변수이름 = 값;
  var greeting = '안녕하세요';
  
  // let 으로 변수 선언하기
  // let 변수이름 = 값;
  let name = '김수연';
  
  // const 로 변수 선언하기
  // const 변수이름 = 값;
  const race = 'Asian';
  

• 어떤 때에 뭘 써야 할까요?

  • let → 변수의 값이 바뀔 수 있을 때 사용

    • 변수 선언 이후 새로 할당 가능

      // 선언과 동시에 값 할당
      let test = 1; 
      console.log(test); // 1
      test = 2;
      console.log(test); // 2
      
      // 값 없이 선언만 가능
      let test3;
      test3 = 2;
      console.log(test3); // 2
      

  • const → 변수의 값이 바뀌지 않을 때 사용

    • 새로 할당할 수 없음

      // 선언과 동시에 값 할당
      const test = 1;
      console.log(test); // 1
      
      // 값의 재할당이 불가능
      test = 2; // Error: Assignment to constant variable.
      console.log(test);
      
      // 선언만 할 수 없으며, 항상 값을 함께 할당해야 함
      const test2;
      // Uncaught SyntaxError: Missing initializer in const declaration
      

  • var → 가급적이면 쓰지 말기

    • var를 쓰지 않아야 하는 이유

  Javascript의 변수와 호이스팅에 대해 (let, var, const...) - 라마개발일기

• 변수 선언 시 네이밍 룰

  • 문자, 숫자, 언더스코어(_), 달러 표시($) 가 들어갈 수 있음
  • 시작은 문자로 하기
  • 달러 표시나 언더스코어로도 시작할 수 있음
  • 영어 대소문자 구분하기
  • 예약어는 이름으로 사용할 수 없음 (var, let, const 등...)

화면에 변수 출력하기

• hint! display javascript variables in web 검색해보기

  JavaScript Output

• 좀 더 학습해보기

  • document

    Document - Web API | MDN

    코딩교육 티씨피스쿨

짝수 판별기

조건문

• if 문

  • 어떤 조건이 참으로 평가될 때, 실행되는 블럭 {}

  /*
  if (조건) {
    조건이 참으로 평가될 때, 실행되는 문장들의 모음
  }
  */
  if (true) {
    console.log('항상 실행됨');
  }
  
  if (false) {
    console.log('항상 실행되지 않음');
  }
  

  JavaScript if else else if