<꿀팁모아 : 175번째 포스팅> 자바 스크립트 변수(Variables)

<꿀팁모아 : 175번째 포스팅> 자바 스크립트 변수(Variables)

안녕하세요 꿀팁모아의 희망주기입니다

 

오늘 알아볼 주제는

 

자바 스크립트 변수(Variables) 입니다

 

1 서론 

   자바 스크립트의 기초 중의 기초라고 하면 뭐가 있을까요? 바로 변수(Variables)입니다. 자바 스크립트(JS) 변수를 선언하는 방법에는 총 4가지가 있는데요. 1) var 사용 2) let 사용 3) const 사용 4) 아무것도 사용하지 않음 입니다. 그렇다면, 선언하는 방법은 그렇다치고 변수는 무엇일까요? HTML과 파이썬에서 이미 포스팅을 보고 오신분들은 다 알고 계시겠지만 한번 더 설명을 하자면 변수는 데이터를 저장(데이터 값 저장)하기 위한 컨테이너입니다. 오늘은 어떠한 변수들이 있으며 선언변수들은 언제 사용해야 하는 건지에 대하여 알아보도록 할게요!! 

 

2 본론 

   2-1 JS var은 언제 사용해야 되는 걸까?

 

  var 키워드는 1995 년부터 2015년까지 모든 자바 스크립트 코드에서 사용되었습니다. let 및 const 키워드는 2015년에 자바 스크립트에 추가된 것으로 보시면 좋을거 같네용 ㅎㅎ 아무튼간에 이전 브라우저에서 코드를 실행하려면 var을 사용해야 합니다. 일반적인 규칙을 원하시는 것이면 항상 const를 사용하는 것이 맞으며 변수의 값이 바뀔 수 있다고 생각되시면 let을 사용하는 것이 좋습니다. 아래 예제에서 price1, price2 및 total은 변수입니다. 

 

const 와 let

  두 변수는 키워드로 선언이 되며 이러한 값은 상수 값이기 때문에 변경할 수 없습니다. total과 let 변수는 키워드로 선언됩니다. 이 값은 변경할 수 있는 값입니다. 

 

  2-2 JS 식별자 

 

  모든 JavaScript 변수는 고유한 이름으로 식별되어야 하는데요. 이러한 고유 이름을 식별자라고 합니다. 식별자는 짧은 이름 (예 : x 및 y) 또는 더 많은 설명 이름 (나이, 합계, totalVolume)이 될 수 있습니다. 변수의 이름(고유 식별자)을 구성하는 일반적인 규칙은 다음과 같은데요. 

 

1) 이름에는 문자, 숫자, 밑줄 및 달러 기호가 포함될 수 있습니다

2) 이름은 문자로 시작해야 합니다

3) 이름은 $ 및 _로 시작할 수 도 있습니다 

4) 이름은 대/소문자를 구분합니다 (y 와 Y는 서로 다른 변수이다)

5) 예약어 (ex: JavaScript 키워드)는 이름으로 사용할 수 없습니다 

 

  2-3 대입 연산자

 

  JavaScript에서 등호 ()는 "동일한" 연산자가 아닌 "대입" 연산자인데요. 이것은 대수와는 다릅니다. 그렇지만 자바 스크립트에서는 x+5의 값을 x에 할당하는 것이 완벽한데요. (x + 5의 값을 계산하고 결과를 x에 넣습니다. x의 값은 5만큼 증가하는 것이죠) 

대입 연산자

  2-4 자바 스크립트 데이터 유형

 

  자바 스크립트 변수는 100과 같은 숫자와 "John Doe"와 같은 텍스트 값을 보유 할 수 있는데요. 프로그래밍에서 텍스트 값을 텍스트 문자열이라고 합니다. 자바 스크립트는 많은 유형의 데이터를 처리 할 수 있지만 지금은 숫자와 문자열을 생각해봅시다. 문자열은 큰따옴표 또는 작은 따옴표 안에 작성됩니다. 숫자는 따옴표없이 작성됩니다. 따옴표로 숫자를 넣으면 텍스트 문자열로 처리됩니다. 

자바 스크립트 데이터 유형

  2-5 자바 스크립트 변수 선언

 

  자바 스크립트에서 변수를 만드는 것을 "선언"이라고 합니다. var or let 키워드로 JavaScript 변수를 선언합니다. 

var or let

  선언 후 변수에는 값이 없는데요. 기술적으로 그렇습니다. 변수에 값을 할당하려면 등호를 사용해야 합니다. 

등호 사용

  변수를 선언할 때 변수에 값을 할당할 수도 있습니다. 

변수 할당

  아래 예제에서는 호출된 변수를 만들고 값 "Volvo"를 할당합니다. 그런 다음 id = "demo"로 HTML 단락 안에 값을 "출력"합니다. 

호출된 변수 할당

  2-6 하나의 문, 많은 변수

 

  하나의 명령문에서 많은 변수를 선언 할 수 있는데요. let 명령문을 시작하고 변수를 쉼표로 구분하는 방법이 있습니다. 

쉼표 구분법

  선언은 여러 줄에 걸쳐 있을 수 있습니다. 

여러줄 선언

  2-7 값 = 정의되지 않음

 

  컴퓨터 프로그램에서 변수는 종종 값없이 선언되는데요. 값은 계산해야 하는 값이거나 사용자 입력과 같이 나중에 제공될 값일 수 있습니다. undefined 값 없이 선언 된 변수에는 값이 있습니다. undefined carName 변수는 이 명령문의 실행 후 값을 갖습니다. 

 

  2-8 자바 스크립트 변수 다시 선언

 

  var 로 선언된 JavaScript 변수를 다시 선언하면 값이 손실되지 않습니다. carName 변수는 다음 명령문을 실행한 후에도 여전히 "Volvo"값을 갖습니다. 

자바 스크립트 변수 다시 선언

  2-9 자바 스크립트 달러 기호 $ 

 

  JavaScript는 달러 기호를 문자로 취급하기 때문에 $를 포함하는 식별자는 유효한 변수 이름입니다. 자바 스크립트에서는 달러 기호를 사용하는 것이 그리 일반적이지 않지만 전문 프로그래머는 종종 자바 스크립트 라이브러리의 main 함수의 별칭으로 사용합니다. 예를 들어, 자바 스크립트 라이브러리 jQuery에서 main 함수는 HTML 요소를 선택하는데 사용됩니다. jQuery에서 "모든 p 요소선택"을 의미합니다. 

자바 스크립트 달러 기호

  2-10 자바 스크립트 밑줄 (_)

 

  JavaScript는 밑줄을 문자로 취급하기 때문에 _를 포함하는 식별자는 유효한 변수 이름입니다. 자바 스크립트에서는 밑줄을 사용하는 것이 그리 일반적이지 않지만 전문 프로그래머들 사이의 관례는 "개인(숨겨진)" 변수의 별칭으로 사용하는 것입니다. 

자바 스크립트 밑줄(_)