문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
|
wiki:javascript:javascript_note:js_variables [2021/04/01 14:31] emblim98 |
wiki:javascript:javascript_note:js_variables [2023/01/13 18:44] (현재) |
||
|---|---|---|---|
| 줄 141: | 줄 141: | ||
| \\ | \\ | ||
| '' | '' | ||
| - | \\ | ||
| - | <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 = 5; | ||
| - | vat y = 6; | ||
| - | var z = x + y; | ||
| - | </ | ||
| - | \\ | ||
| - | 상기 예제에서 다음을 기대할 수 있습니다.\\ | ||
| - | * x는 값 5를 저장합니다. | ||
| - | * y는 값 6을 저장합니다. | ||
| - | * z는 값 11을 저장합니다. | ||
| - | \\ | ||
| - | =====Using let and const (ES6)===== | ||
| - | 2015년 이전에는 '' | ||
| - | \\ | ||
| - | 2015 버전의 JavaScript (ES6)에서는 '' | ||
| - | '' | ||
| - | \\ | ||
| - | 이러한 키워드 간의 차이점을 설명하는 것은 약간 복잡하고 이전 브라우저에서는 지원되지 않기 때문에, 본 튜토리얼의 첫 번째 부분에서는 var를 가장 자주 사용합니다.\\ | ||
| - | \\ | ||
| - | Safari 10 및 Edge 14는 ES6를 완벽하게 지원하는 최초의 브라우저입니다.\\ | ||
| - | \\ | ||
| - | =====Much Like Algebra===== | ||
| - | 하기 예제에서, | ||
| - | \\ | ||
| - | <code javascript> | ||
| - | var price1 = 5; | ||
| - | var price2 = 6; | ||
| - | var total = price1 + price2; | ||
| - | </ | ||
| - | \\ | ||
| - | 대수학과 마찬가지로 프로그래밍에서, | ||
| - | \\ | ||
| - | 대수학과 마찬가지로 프로그래밍에서, | ||
| - | \\ | ||
| - | 상기 예제에서 합계를 11로 계산할 수 있습니다.\\ | ||
| - | \\ | ||
| - | %%JavaScript%% 변수는 데이터 값을 저장하기 위한 컨테이너입니다.\\ | ||
| - | \\ | ||
| - | =====JavaScript Identifier===== | ||
| - | 모든 %%JavaScript%% **변수< | ||
| - | \\ | ||
| - | 이러한 고유한 이름을 **식별자< | ||
| - | \\ | ||
| - | 식별자는 짧은 이름 (예 : x 및 y)이거나 더 설명적인 이름 (age, sum, totalVolume) 일 수 있습니다.\\ | ||
| - | \\ | ||
| - | 변수 (고유 식별자) 이름을 구성하는 일반적인 규칙은 다음과 같습니다.\\ | ||
| - | \\ | ||
| - | * 이름에는 문자, 숫자, 밑줄 및 달러 기호가 포함될 수 있습니다. | ||
| - | * 이름은 문자로 시작해야 합니다. | ||
| - | * 이름은 $ 및 _로 시작할 수도 있지만, 본 튜토리얼에서는 사용하지 않습니다. | ||
| - | * 이름은 대소문자를 구분합니다 (y와 Y는 다른 변수 임). | ||
| - | * 예약어 (예 : JavaScript 키워드)는 이름으로 사용할 수 없습니다. | ||
| - | \\ | ||
| - | **JavaScript 식별자는 대소 문자를 구분합니다.**\\ | ||
| - | \\ | ||
| - | =====The Assignment Operator===== | ||
| - | %%JavaScript%%에서 등호 (=)는 " | ||
| - | \\ | ||
| - | 이것은 대수학과 다릅니다. 다음은 대수학에서 의미가 없습니다.\\ | ||
| - | <code javascript> | ||
| - | x = x + 5 | ||
| - | </ | ||
| - | \\ | ||
| - | 그러나 %%JavaScript%%에서는 완벽하게 의미가 있습니다. 이것은 x + 5의 값을 x에 할당한다는 의미입니다.\\ | ||
| - | \\ | ||
| - | (x + 5의 값을 계산하고 그 결과를 x에 넣습니다. x의 값은 5 씩 증가합니다.)\\ | ||
| - | |||
| - | " | ||
| - | \\ | ||
| - | =====JavaScript Data Types==== | ||
| - | %%JavaScript%% 변수는 100과 같은 숫자와 "John Doe" | ||
| - | \\ | ||
| - | 프로그래밍에서, | ||
| - | \\ | ||
| - | %%JavaScript%%는 다양한 유형의 데이터를 처리할 수 있지만, 지금은 숫자와 문자열만 생각하면 됩니다.\\ | ||
| - | \\ | ||
| - | 문자열은 큰 따옴표 또는 작은 따옴표 안에 작성됩니다. 숫자는 따옴표 없이 작성됩니다.\\ | ||
| - | \\ | ||
| - | 따옴표 안에 숫자를 넣으면, 텍스트 문자열로 처리됩니다.\\ | ||
| - | \\ | ||
| - | <code javascript> | ||
| - | var pi = 3.14; | ||
| - | var person = "John Doe"; | ||
| - | var answer = 'Yes I am!'; | ||
| - | </ | ||
| - | \\ | ||
| - | =====Declaring (Creating) JavaScript Variables===== | ||
| - | %%JavaScript%%에서 변수를 만드는 것을 변수 " | ||
| - | \\ | ||
| - | '' | ||
| - | \\ | ||
| - | <code javascript> | ||
| - | var carName; | ||
| - | </ | ||
| - | \\ | ||
| - | 선언 후 변수에는 값이 없습니다 (기술적으로는, | ||
| - | \\ | ||
| - | 변수에 값을 **할당< | ||
| - | \\ | ||
| - | <code javascript> | ||
| - | carName = " | ||
| - | </ | ||
| - | \\ | ||
| - | 변수를 선언할 때, 변수에 값을 할당할 수도 있습니다.\\ | ||
| - | \\ | ||
| - | <code javascript> | ||
| - | var carName = " | ||
| - | </ | ||
| - | \\ | ||
| - | 하기 예제에서는, | ||
| - | \\ | ||
| - | 그런 다음 id = " | ||
| - | \\ | ||
| - | <code javascript> | ||
| - | <p id=" | ||
| - | |||
| - | < | ||
| - | var carName = " | ||
| - | document.getElementById(" | ||
| - | </ | ||
| - | </ | ||
| - | \\ | ||
| - | 스크립트 시작 부분에 모든 변수를 선언하는 것이 좋은 프로그래밍 방법입니다.\\ | ||
| - | \\ | ||
| - | =====One Statement, Many Variables===== | ||
| - | 하나의 스테이트먼트에서 여러 변수를 선언할 수 있습니다.\\ | ||
| - | \\ | ||
| - | '' | ||
| \\ | \\ | ||
| <code javascript> | <code javascript> | ||
| 줄 383: | 줄 212: | ||
| </ | </ | ||
| \\ | \\ | ||
| - | 달러 기호를 사용하는 것은 %5JavaScript%%에서 그다지 일반적이지 않지만, 전문 프로그래머는 종종 JavaScript 라이브러리의 __주 함수__< | + | 달러 기호를 사용하는 것은 %%JavaScript%%에서 그다지 일반적이지 않지만, 전문 프로그래머는 종종 JavaScript 라이브러리의 __주 함수__< |
| \\ | \\ | ||
| 예를 들어 %%JavaScript%% 라이브러리 %%jQuery%%에서, | 예를 들어 %%JavaScript%% 라이브러리 %%jQuery%%에서, | ||
| %%jQuery%%에서 '' | %%jQuery%%에서 '' | ||
| - | + | \\ | |
| - | + | =====JavaScript Underscore (_)===== | |
| + | %5JavaScript%%는 밑줄을 문자로 취급하므로, | ||
| + | \\ | ||
| + | <code javascript> | ||
| + | var _lastName = " | ||
| + | var _x = 2; | ||
| + | var _100 = 5; | ||
| + | </ | ||
| + | \\ | ||
| + | 밑줄을 사용하는 것은 %%JavaScript%%에서 그렇게 일반적이지 않지만, | ||
| + | 전문 프로그래머 사이에서는 " | ||
| + | \\ | ||
| + | \\ | ||
| + | test | ||
| {{tag> | {{tag> | ||