자바스크립트 프로그램(JavaScript Programs)
● 컴퓨터 프로그램은 컴퓨터에 의해 "실행"되는 "명령"의 목록이다.
● 프로그래밍 언어에서 이러한 지침은 '문법(statements)'라고 한다.
● 자바스크립트 프로그래밍은 프로그래밍 문법이다.
● HTML안에서 JavaScript 프로그램이 웹브라우저에서 실행된다.
자바스크립트 문장(JavaScript Statements)
● 값(Values), 연산자(Operators), 표현식 키워드(Expresssions Keywords) 및 주석(Comments)으로 구성되어있다.
● 자바스크립트 프로그램에는 많은 JavaScript 문이 존재한다.
● 명령문은 실행된 순서대로 하나씩 실행된다.
● 자바스크립트 프로그램은 JavaScript Code라고 한다.
세미클론(;)
● 자바스크립트 문장을 분리한다.
● 각 실행하는 문장의 끝에 세미클론을 작성한다.
● 한 줄에 여러문장 가능하다.
● 웹에서 세미클론을 사용하지 않는 예를 볼수 있는데 좋지않는것이다. 무조건 세미클론을 작성해라
자바스크립트 빈칸
● 자바스크립트는 빈칸들을 무시한다. 빈칸을 더한다면 읽기 더 편하다.
● 아래의 두 문장은 같다.
let person = "Hege";
let person="Hege";● 연산자를 사용할 때는 띄어쓰기를 한다.
let x = y + z● 읽기 편하게하기위해 한줄에 80글자 이상이 되는것은 피하는게 좋다.
자바스크립트 Statements
| keyword | Description |
| var | 변수를 선언한다.(전역변수로 사용된다.) |
| let | 변수를 선언한다.(지역변수로 사용된다.) |
| const | 상수를 선언한다. |
| if | 조건문으로 참일경우 블록 안의 내용을 실행한다. |
| switch | 여러가지 조건들 중 맞는 조건을 실행시킨다. |
| for | 반복문을 진행한다. |
| function | 함수를 선언한다. |
| return | 함수의 리턴값을 반환한다. |
| try | 애러가 발생할때 실행된다 |
자바스크립트 값(Values)
두가지 타입의 값(Values)이 존재한다.
- Fixed values (literals라고 불린다.)
- Variable values (variables라고 불린다.)
자바스크립트 Literals
● 숫자는 소수점 유무에 관계없이 작성된다.
● 문자는 큰따음표나 작은따음표로 작성된다.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Numbers</h2>
<p>숫자는 소수점 유무에 관계없이 작성된다.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 10.50;
</script>
<h2>JavaScript String</h2>
<p>문자는 큰따음표나 작은따음표로 작성된다.</p>
<p id="demo1"></p>
<script>
document.getElementById("demo1").innerHTML = "문자열";
</script>
</body>
</html>
자바스크립트 변수(Variables)
● 데이터를 저장하는데 사용된다.
● 키워드로는 var, let, const를 선언한다.
● 등호는 변수에 값을 할당하는데 사용된다.
자바스크립트 연산자(Operators)
● 산술 연산자의 경우 값을 계산한다.
● 등호의 경우 변수에 값을 할당한다.
<!DOCTYPE html>
<html>
<body>
<h2>자바스크립트 연산자</h2>
<p>자바스크립트는 산술 연산자를 사용하여 값을 계산합니다.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
<h2>자바스크립트 값 할당</h2>
<p>자바스크립트는 = 를 사용하여 변수의 값을 할당한다.</p>
<p id="demo1"></p>
<script>
let x = 5;
let y = 7;
document.getElementById("demo1").innerHTML = x + y;
</script>
</body>
</html>
자바스크립트 주석
● 주석은 // 뒤 또는 /* */ 사이다.
● 주석은 실행되는 코드가 아니다. 코드결과에 영향을 끼치지 않는다.
<!DOCTYPE html>
<html>
<body>
<h2>자바스크립트 연산자</h2>
<p>자바스크립트는 산술 연산자를 사용하여 값을 계산합니다.</p>
<p id="demo"></p>
<script>
// 이건 '//'슬레시 주석이다
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
<h2>자바스크립트 값 할당</h2>
<p>자바스크립트는 = 를 사용하여 변수의 값을 할당한다.</p>
<p id="demo1"></p>
<script>
/* 이것도 주석이 된다.
이것의 경우 여러문장을 한번에 주석처리할 수 잇다.*/
let x = 5;
let y = 7;
document.getElementById("demo1").innerHTML = x + y;
</script>
</body>
</html>
댓글