문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
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 clear></ | ||
\\ | \\ | ||
+ | ======JavaScript Variables====== | ||
%%JavaScript%% 변수는 데이터 값을 저장하기 위한 컨테이너입니다.\\ | %%JavaScript%% 변수는 데이터 값을 저장하기 위한 컨테이너입니다.\\ | ||
\\ | \\ | ||
줄 40: | 줄 41: | ||
var price2 = 6; | var price2 = 6; | ||
var total = price1 + price2; | var total = price1 + price2; | ||
- | < | + | </code> |
\\ | \\ | ||
대수학과 마찬가지로 프로그래밍에서, | 대수학과 마찬가지로 프로그래밍에서, | ||
줄 51: | 줄 52: | ||
\\ | \\ | ||
=====JavaScript Identifier===== | =====JavaScript Identifier===== | ||
- | 모든 %%JavaScript%% **변수< | + | 모든 %%JavaScript%% **변수< |
\\ | \\ | ||
이러한 고유한 이름을 **식별자< | 이러한 고유한 이름을 **식별자< | ||
줄 79: | 줄 80: | ||
(x + 5의 값을 계산하고 그 결과를 x에 넣습니다. x의 값은 5 씩 증가합니다.)\\ | (x + 5의 값을 계산하고 그 결과를 x에 넣습니다. x의 값은 5 씩 증가합니다.)\\ | ||
- | " | + | " |
\\ | \\ | ||
=====JavaScript Data Types==== | =====JavaScript Data Types==== | ||
줄 99: | 줄 100: | ||
\\ | \\ | ||
=====Declaring (Creating) JavaScript Variables===== | =====Declaring (Creating) JavaScript Variables===== | ||
- | JavaScript에서 변수를 만드는 것을 변수 " | + | %%JavaScript%%에서 변수를 만드는 것을 변수 " |
- | + | \\ | |
- | var 키워드를 사용하여 JavaScript 변수를 선언합니다. | + | '' |
+ | \\ | ||
+ | <code javascript> | ||
var carName; | var carName; | ||
- | 선언 후 변수에는 값이 없습니다 (기술적으로 값은 정의되지 않음). | + | </ |
- | + | \\ | |
- | 변수에 값을 | + | 선언 후 변수에는 값이 없습니다 (기술적으로는, '' |
- | + | \\ | |
- | carName = "볼보"; | + | 변수에 값을 |
- | 변수를 선언 할 때 변수에 값을 할당 할 수도 있습니다. | + | \\ |
- | + | <code javascript> | |
- | var carName = "볼보"; | + | carName = "Volvo"; |
- | 아래 | + | </ |
- | + | \\ | |
- | 그런 다음 id = " | + | 변수를 선언할 때, 변수에 값을 할당할 수도 있습니다.\\ |
- | + | \\ | |
- | + | <code javascript> | |
+ | var carName = "Volvo"; | ||
+ | </ | ||
+ | \\ | ||
+ | 하기 | ||
+ | \\ | ||
+ | 그런 다음 id = " | ||
+ | \\ | ||
+ | <code javascript> | ||
+ | <p id=" | ||
+ | < | ||
+ | var carName = " | ||
+ | document.getElementById(" | ||
+ | </ | ||
+ | </ | ||
+ | \\ | ||
+ | 스크립트 시작 부분에 모든 변수를 선언하는 것이 좋은 프로그래밍 방법입니다.\\ | ||
+ | \\ | ||
+ | =====One Statement, Many Variables===== | ||
+ | 하나의 스테이트먼트에서 여러 변수를 선언할 수 있습니다.\\ | ||
+ | \\ | ||
+ | '' | ||
+ | \\ | ||
+ | <code javascript> | ||
+ | var person = "John Doe", carName = " | ||
+ | </ | ||
+ | \\ | ||
+ | 선언은 여러 줄에 걸쳐있을 수 있습니다.\\ | ||
+ | \\ | ||
+ | <code javascript> | ||
+ | var person = "John Doe", | ||
+ | carName = " | ||
+ | price = 200; | ||
+ | </ | ||
+ | \\ | ||
+ | =====Value = undefined===== | ||
+ | 컴퓨터 프로그램에서, | ||
+ | 값은 계산해야 하는 항목이거나, | ||
+ | \\ | ||
+ | 값 없이 선언된 변수는 '' | ||
+ | \\ | ||
+ | carName 변수는 하기의 표현식을 실행한 후 '' | ||
+ | \\ | ||
+ | <code javascript> | ||
+ | var carName; | ||
+ | </ | ||
+ | \\ | ||
+ | =====Re-Declaring JavaScript Variables===== | ||
+ | %%JavaScript%% 변수를 다시 선언하면, | ||
+ | \\ | ||
+ | 변수 '' | ||
+ | \\ | ||
+ | <code javascript> | ||
+ | var varName = " | ||
+ | var carName; | ||
+ | </ | ||
+ | \\ | ||
+ | =====JavaScript Arithmetic===== | ||
+ | 대수학과 마찬가지로, | ||
+ | \\ | ||
+ | <code javascript> | ||
+ | var x = 5 + 2 + 3; | ||
+ | </ | ||
+ | \\ | ||
+ | 문자열을 추가할 수도 있지만, 문자열은 연결됩니다.\\ | ||
+ | \\ | ||
+ | <code javascript> | ||
+ | var x = " | ||
+ | </ | ||
+ | \\ | ||
+ | <code javascript> | ||
+ | var x = " | ||
+ | </ | ||
+ | \\ | ||
+ | 숫자를 따옴표로 묶으면 나머지 숫자는 문자열로 처리되고 연결됩니다.\\ | ||
+ | \\ | ||
+ | <code javascript> | ||
+ | var x = 2 + 3 + " | ||
+ | </ | ||
+ | \\ | ||
+ | =====JavaScript Dollar Sign $===== | ||
+ | %%JavaScript%% 식별자 (이름)는 다음으로 시작해야 합니다.\\ | ||
+ | * 문자 (A-Z 또는 a-z) | ||
+ | * 달러 기호 ($) | ||
+ | * 또는 밑줄 (_) | ||
+ | %%JavaScript%%는 달러 기호를 문자로 취급하므로, | ||
+ | \\ | ||
+ | <code javascript> | ||
+ | var $$$ = "Hello World"; | ||
+ | var $ = 2; | ||
+ | var $myMoney = 5; | ||
+ | </ | ||
+ | \\ | ||
+ | 달러 기호를 사용하는 것은 %%JavaScript%%에서 그다지 일반적이지 않지만, 전문 프로그래머는 종종 JavaScript 라이브러리의 __주 함수__< | ||
+ | \\ | ||
+ | 예를 들어 %%JavaScript%% 라이브러리 %%jQuery%%에서, | ||
+ | %%jQuery%%에서 '' | ||
+ | \\ | ||
+ | =====JavaScript Underscore (_)===== | ||
+ | %5JavaScript%%는 밑줄을 문자로 취급하므로, | ||
+ | \\ | ||
+ | <code javascript> | ||
+ | var _lastName = " | ||
+ | var _x = 2; | ||
+ | var _100 = 5; | ||
+ | </ | ||
+ | \\ | ||
+ | 밑줄을 사용하는 것은 %%JavaScript%%에서 그렇게 일반적이지 않지만, | ||
+ | 전문 프로그래머 사이에서는 " | ||
+ | \\ | ||
+ | \\ | ||
+ | test | ||
{{tag> | {{tag> |