사용자 도구

사이트 도구


wiki:javascript:javascript_note:js_variables

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
wiki:javascript:javascript_note:js_variables [2021/04/01 13:52]
emblim98
wiki:javascript:javascript_note:js_variables [2023/01/13 18:44] (현재)
줄 8: 줄 8:
 <WRAP clear></WRAP> <WRAP clear></WRAP>
 \\ \\
 +======JavaScript Variables======
 %%JavaScript%% 변수는 데이터 값을 저장하기 위한 컨테이너입니다.\\ %%JavaScript%% 변수는 데이터 값을 저장하기 위한 컨테이너입니다.\\
 \\ \\
줄 40: 줄 41:
 var price2 = 6; var price2 = 6;
 var total = price1 + price2; var total = price1 + price2;
-<code>+</code>
 \\ \\
 대수학과 마찬가지로 프로그래밍에서, 값을 유지하기 위해 price1과 같은 변수를 사용합니다.\\ 대수학과 마찬가지로 프로그래밍에서, 값을 유지하기 위해 price1과 같은 변수를 사용합니다.\\
줄 51: 줄 52:
 \\ \\
 =====JavaScript Identifier===== =====JavaScript Identifier=====
-모든 %%JavaScript%% **변수<sup>variables</sup>**는 **고유한 이름<sup>unique names</sup>**으로 *8식별되어야<sup>identified</sup>** 합니다.\\+모든 %%JavaScript%% **변수<sup>variables</sup>**는 **고유한 이름<sup>unique names</sup>**으로 **식별되어야<sup>identified</sup>** 합니다.\\
 \\ \\
 이러한 고유한 이름을 **식별자<sup>identifiers</sup>**라고 합니다.\\ 이러한 고유한 이름을 **식별자<sup>identifiers</sup>**라고 합니다.\\
줄 79: 줄 80:
 (x + 5의 값을 계산하고 그 결과를 x에 넣습니다. x의 값은 5 씩 증가합니다.)\\ (x + 5의 값을 계산하고 그 결과를 x에 넣습니다. x의 값은 5 씩 증가합니다.)\\
  
-"같음"연산자는 JavaScript에서 ==처럼 작성됩니다.+"같음"연산자는 JavaScript에서 ==처럼 작성됩니다.\\
 \\ \\
 =====JavaScript Data Types==== =====JavaScript Data Types====
줄 99: 줄 100:
 \\ \\
 =====Declaring (Creating) JavaScript Variables===== =====Declaring (Creating) JavaScript Variables=====
-JavaScript에서 변수를 만드는 것을 변수 "선언"이라고합니다. +%%JavaScript%%에서 변수를 만드는 것을 변수 "선언"이라고 합니다.\\ 
- +\\ 
-var 키워드를 사용하여 JavaScript 변수를 선언합니다. +''%%var%%'' 키워드를 사용하여 %%JavaScript%% 변수를 선언합니다.\\ 
 +\\ 
 +<code javascript>
 var carName; var carName;
-선언 후 변수에는 값이 없습니다 (기술적으로 값은 정의되지 않음). +</code> 
- +\\ 
-변수에 값을 지정려면 등호를 사용하십시오+선언 후 변수에는 값이 없습니다 (기술적으로는, ''undefined'' 을 가고 있습니다)\\ 
- +\\ 
-carName = "볼보"; +변수에 값을 **할당<sup>assign</sup>**기 위해 등호 (=)를 사용합니다.\\ 
-변수를 선언 할 때 변수에 값을 할당 할 수도 있습니다. +\\ 
- +<code javascript> 
-var carName = "볼보"; +carName = "Volvo"; 
-아래 예에서는 carName이라는 변수를 만들고 여기에 "Volvo"값을 할당합니다. +</code> 
- +\\ 
-그런 다음 id = "demo"로 HTML 단락 내부의 값을 "출력"합니다. +변수를 선언할 때변수에 값을 할당할 수도 있습니다.\\ 
- +\\ 
- +<code javascript> 
 +var carName = "Volvo"; 
 +</code> 
 +\\ 
 +하기 에서는, ''carName''이라는 변수를 만들고여기에 "Volvo"값을 할당합니다.\\ 
 +\\ 
 +그런 다음 id = "demo"로 %%HTML%% 단락 내부의 값을 "출력"합니다.\\ 
 +\\ 
 +<code javascript> 
 +<p id="demo"></p>
  
 +<script>
 +var carName = "Volvo"
 +document.getElementById("demo").innerHTML = carName;
 +</script>
 +</code>
 +\\
 +스크립트 시작 부분에 모든 변수를 선언하는 것이 좋은 프로그래밍 방법입니다.\\
 +\\
 +=====One Statement, Many Variables=====
 +하나의 스테이트먼트에서 여러 변수를 선언할 수 있습니다.\\
 +\\
 +''var''로 스테이트먼트를 시작하고, **쉼표<sup>comma</sup>**로 변수를 구분합니다.\\
 +\\
 +<code javascript>
 +var person = "John Doe", carName = "Volvo", price = 200;
 +</code>
 +\\
 +선언은 여러 줄에 걸쳐있을 수 있습니다.\\
 +\\
 +<code javascript>
 +var person = "John Doe",
 +carName = "Volvo",
 +price = 200;
 +</code>
 +\\
 +=====Value = undefined=====
 +컴퓨터 프로그램에서, 변수는 종종 값이 없는 상태로 선언됩니다.\\ 
 +값은 계산해야 하는 항목이거나, 사용자 입력과 같이 나중에 제공될 항목일 수 있습니다.\\
 +\\
 +값 없이 선언된 변수는 ''undefined'' 값을 갖습니다.\\
 +\\
 +carName 변수는 하기의 표현식을 실행한 후 ''undefined'' 값을 갖습니다.\\
 +\\
 +<code javascript>
 +var carName;
 +</code>
 +\\
 +=====Re-Declaring JavaScript Variables=====
 +%%JavaScript%% 변수를 다시 선언하면, 변수는 값이 손실되지 않습니다.\\
 +\\
 +변수 ''carName''은 하기의 표현식들을 실행한 후에도 여전히 "Volvo"값을 갖습니다.\\
 +\\
 +<code javascript>
 +var varName = "Volvo";
 +var carName;
 +</code>
 +\\
 +=====JavaScript Arithmetic=====
 +대수학과 마찬가지로, ''='' 및 ''+''와 같은 연산자를 사용하여 %%JavaScript%% 변수로 __연산__<sup>arithmetic</sup>을 수행할 수 있습니다.\\
 +\\
 +<code javascript>
 +var x = 5 + 2 + 3;
 +</code>
 +\\
 +문자열을 추가할 수도 있지만, 문자열은 연결됩니다.\\
 +\\
 +<code javascript>
 +var x = "John" + " " + "Doe";
 +</code>
 +\\
 +<code javascript>
 +var x = "5" + 2 + 3;
 +</code>
 +\\
 +숫자를 따옴표로 묶으면 나머지 숫자는 문자열로 처리되고 연결됩니다.\\
 +\\
 +<code javascript>
 +var x = 2 + 3 + "5";
 +</code>
 +\\
 +=====JavaScript Dollar Sign $=====
 +%%JavaScript%% 식별자 (이름)는 다음으로 시작해야 합니다.\\
 +  * 문자 (A-Z 또는 a-z)
 +  * 달러 기호 ($)
 +  * 또는 밑줄 (_)
 +%%JavaScript%%는 달러 기호를 문자로 취급하므로, %%$%%를 포함하는 식별자는 유효한 변수 이름입니다.\\
 +\\
 +<code javascript>
 +var $$$ = "Hello World";
 +var $ = 2;
 +var $myMoney = 5;
 +</code>
 +\\
 +달러 기호를 사용하는 것은 %%JavaScript%%에서 그다지 일반적이지 않지만, 전문 프로그래머는 종종 JavaScript 라이브러리의 __주 함수__<sup>main function</sup>에 대한 별칭<sup>alias</sup>으로 사용합니다.\\
 +\\
 +예를 들어 %%JavaScript%% 라이브러리 %%jQuery%%에서, 주 함수 ''%%$%%''는 %%HTML%% 요소를 선택하는 데 사용됩니다.\\
 +%%jQuery%%에서 ''%%$("p");%%''는 "모든 p 요소 선택"을 의미합니다.\\
 +\\
 +=====JavaScript Underscore (_)=====
 +%5JavaScript%%는 밑줄을 문자로 취급하므로, 밑줄을 포함하는 식별자는 유효한 변수 이름입니다.\\
 +\\
 +<code javascript>
 +var _lastName = "Johnson";
 +var _x = 2;
 +var _100 = 5;
 +</code>
 +\\
 +밑줄을 사용하는 것은 %%JavaScript%%에서 그렇게 일반적이지 않지만,\\ 
 +전문 프로그래머 사이에서는 "개인적인(숨겨진)" 변수의 별칭으로 사용하는 것이 관례입니다.\\
 +\\
 +\\
 +test
 {{tag>오션 Javascript Variables}} {{tag>오션 Javascript Variables}}
/volume1/web/dokuwiki/data/attic/wiki/javascript/javascript_note/js_variables.1617252763.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)