[Basic] JS - Syntax (JS구문) ★

• 특징1 - 구문 분리
• 특징2 - JS 구성 요소 ★★★
• 특징3 - 대소문자 구별 (Case Sensitive) ★★★
• 특징4 - JS 문자셋 : UTF-8

※ JS 정상 실행 위해, 어떤 구문을 갖춰야 하는지 설명. 자세히 보기

특징1 - 구문 분리

 

<p id="homzzang"></p>

<script>

var x = 5;
// 5를 변수 x에 할당

 

var y = 6; 
// 6을 변수 y에 할당

 

var z = x + y;
// x와 y 더한 후 변수 z에 할당

 

document.getElementById("homzzang").innerHTML = z;
// HTML 문서에서 homzzang 아이디 찾아 그곳에 z값 출력

</script>

 

결과 보기

특징2 - JS 구성 요소 ★★★

• 값 (Values) - 상수 / 변수
• 연산자 (Operators) / 수식 (Expressions)
• 키워드 (Keywords)
• 주석 (Comments)

값 (Values) - 상수 / 변수

특징3 - 대소문자 구별 (Case Sensitive) ★★★

 

1. 
변수 등 모든 JS 식별자는 대소문자 구별. 
즉, homzzang과 Homzzang을 다르게 인식

주의: 문자는 따옴표 붙이고, 숫자는 변수는 따옴표 안 붙임.
innerHTML = "문자"
innerHTML = 숫자
innerHTML = 변수

아래 예제에서 파란색 글씨인 homzzang이나 Homzzang은 변수이기 때문에, 따옴표를 붙이지 않음.
           
단, 
변수를 선언하는 var 같은 키워드 경우엔 대소문자를 구별 않음.
예를 들어, 
VAR나 Var를 동일하게 인식.  
JS에선 키워드 등 코드 표현할 때 낙타대문자 (CamelCase) 형식으로 표현하는 경우 잦음. 
즉, 가독성 높이기 위해 단어 중간에 대문자 넣어 표기. 
(예) innerHTML , getElementById 등

innerHTML은 innerhtml이나 INNERHTML과 같고, 
getElementById는 getelementbyid나 GETELEMENTBYID와 같음.

 

---

(예제1)

<p id="here"></p>

<script>

var homzzang = "홈짱닷컴";  

var Homzzang = "Homzzang.com"; 

document.getElementById("here").innerHTML = homzzang;  

</script>

결과 출력: 홈짱닷컴

---

(예제2)

<p id="here"></p>

<script>

var homzzang = "홈짱닷컴"; 

var Homzzang = "Homzzang.com"; 

document.getElementById("here").innerHTML = Homzzang;  

</script>

결과 출력: Homzzang.com

특징4 - JS 문자셋 : UTF-8

 

1. 

JS는 유니코드 문자셋 사용.

2. 
유니코드는 세계 모든 문자, 구두법, 기호 등을 망라.

3. 
HTML 문자셋과 별도 문자셋 정의.

<script type="text/javascript" src="js파일주소" charset="utf-8"></script>