JS SYNTAX
// How to create variables:
var x;
let y;
// How to use variables:
x = 5;
y = 6;
let z = x + y;①JavaScript Values
JS 문법은 2종류의 변수를 설정 할 수 있다.
- 고정변수 -Literals
- 가변변수(?) - Variables
②JavaScript Literals
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Numbers</h2>
<p>Number can be written with or without decimals.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 10.50;
</script>
</body>
</html>RUN 결과.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Strings</h2>
<p>Strings can be written with double or single quotes.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>
</body>
</html>RUN 결과.
Literals
고정변수의 가장 중요한 두가지 문법 규칙:
1. 숫자는 소수점 또는 소수점 없이 작성
2. 문자열은 '',"" 두 연산자 사이에 작성
③JavaScript Variables
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Variables</h2>
<p>In this example, x is defined as a variable.
Then, x is assigned the value of 6:</p>
<p id="demo"></p>
<script>
let x;
x = 6;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>RUN 결과.
Variables
프로그래밍 언어에서 변수는 데이터 값을 저장하는데 사용된다.
JS에서는 var,let 그리고 const 키워드(예약어)를 사용하여 변수를 선언 한다.
=(등호)는 변수에 값을 저장할 때 사용한다.
④JavaScript Operators
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Operators</h2>
<p>JavaScript uses arithmetic operators to compute values (just like algebra).</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
</body>
</html>RUN 결과.
<!DOCTYPE html>
<html>
<body>
<h2>Assigning JavaScript Values</h2>
<p>In JavaScript the = operator is used to assign values to variables.</p>
<p id="demo"></p>
<script>
let x, y;
x = 5;
y = 6;
document.getElementById("demo").innerHTML = x + y;
</script>
</body>
</html>RUN 결과.
연산자
- 연산자 기호 :
+-*/
JS는 연산자 기호를 사용하여 값을 계산한다. - =(등호)
JS는 할당연산자(=)를 사용하여 변수에 값을 지정한다.
⑤JavaScript Expressions(식)
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Expressions</h2>
<p>Expressions compute to values.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>
</body>
</html>RUN 결과.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Expressions</h2>
<p>Expressions compute to values.</p>
<p id="demo"></p>
<script>
var x;
x = 5;
document.getElementById("demo").innerHTML = x * 10;
</script>
</body>
</html>RUN 결과.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Expressions</h2>
<p>Expressions compute to values.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "John" + " " + "Doe";
</script>
</body>
</html>RUN 결과.
Expressions(식)
식은 값, 변수 그리고 연산자의 조합으로 값을 계산하는 것이다.
값은 여러 타입이 될 수 있는데, 심지어 문자열이 될 수도 있다.
"john" + " " + "Doe" 를 연산하면 ->"john Doe"
⑥JavaScript Keywords
<!DOCTYPE html>
<html>
<body>
<h2>The <b>let</b> Keyword Creates Variables</h2>
<p id="demo"></p>
<script>
let x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>
</body>
</html>RUN 결과.
<!DOCTYPE html>
<html>
<body>
<h2>The var Keyword Creates Variables</h2>
<p id="demo"></p>
<script>
var x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>
</body>
</html>RUN 결과.
Keywords
JS 키워드는 수행하는 작업을 실행하는데 사용된다.
let키워드는 브라우저에 변수를 선언한다고 알린다.
var키워드 역시 브라우저에 변수를 선언한다고 알린다.
※⑥결과 상으로 같아 보이겠으나 더많은 내용은 후에 공부한다.
⑦JavaScript Comments
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Comments are NOT Executed</h2>
<p id="demo"></p>
<script>
let x;
x = 5;
// d
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>RUN 결과.
Comments 주석
// 혹은 /*과 */을 사용하여 주석을 할 수 있다.
⑧JavaScript Identifiers(식별자)
식별자는 이름이다.
JS에서 식별자는 변수이름으로 사용된다.(그리고 키워드, 함수, 레이블).
규정된 이름은 대부분의 프로그래밍 언어와 동일하다.
JS에서 첫번째 문자는 꼭 글자이거나 언더바 _이거나 달러기호$ 여야 한다.
다음으로 오는 문자는 글자나, 숫자나, 언더바이거나, 달러기호일 수 있다.
※숫자는 문자의 첫번째에 위치 할 수 없다! 이러한 방식으로 JS는 식별자와 숫자를 구분 할 수있다.
⑨JavaScript is Case Sensitive
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript is Case Sensitive</h2>
<p>Try to change lastName to lastname.</p>
<p id="demo"></p>
<script>
let lastname, lastName;
lastName = "Doe";
lastname = "Peterson";
document.getElementById("demo").innerHTML = lastName;
</script>
</body>
</html>RUN 결과.
대소문자 구분
모든 JS 식별자는 대소문자를 구분한다.
두 변수 lastName 과 lastname은 다른 변수이다.
※JS에서 LET과 Let은 les키워드로 구분하지 않는다.
⑩JavaScript and Camel Case(낙타표기법)
역사적으로, 프로그래머들은 다양한 글자의 조합으로 변수를 만들어왔다.
- Hyphens(하이픈):
-
first-name, last-name, master-card, inter-city.
※JS에서 하이픈은 뺄셈 연산자외에 사용될 수 없다. - Underscore(언더바):
_
first_name, last_name, master_card, inter_city. - Upper Camel Case (Pascal Case):
FirstName, LastName, MasterCard, InterCity. - Lower Camel Case:
JS 사용자는 첫 문자에 소문자를 사용하는 경향이 있다.
firstName, lastName, masterCard, interCity.
⑪JavaScript Character Set
JS는 유니코드(Unicode) 캐릭터 세트를 사용한다.
유니코드는 세계의 모든 문자, 문장 부호 및 기호를 포함한다.
유니코드 참조
(참조 : https://www.w3schools.com/charsets/ref_html_utf8.asp)
