FRONTEND/JAVASCRIPT

JavaScript 튜토리얼 - JavaScript Statements

우진하다 2023. 7. 17. 16:56

JavaScript Statements

JavaScript 문장(JavaScript statements)은 JavaScript 프로그래밍 언어에서 실행 가능한 명령문입니다. JavaScript 문장은 컴퓨터에게 특정 작업을 수행하도록 지시하는 역할을 합니다.

JavaScript 문장은 JavaScript 프로그램을 구성하는 기본적인 구성 요소입니다. 각 문장은 줄바꿈으로 구분되며, 문장은 세미콜론(;)으로 끝납니다. 세미콜론은 문장의 종료를 나타내는 구분자 역할을 합니다. 일반적으로 세미콜론을 사용하여 문장을 명확하게 종료하는 것이 권장됩니다. 그러나 JavaScript는 자동으로 문장을 종료할 수 있는 기능을 가지고 있기 때문에 세미콜론을 생략하기도 합니다.

HTML에서 JavaScript 프로그램은 웹 브라우저에서 실행됩니다.


자바스크립트(JavaScript)는 다양한 구성 요소로 구성된 프로그래밍 언어입니다. 

변수 (Variables): 변수는 값을 저장하고 참조하기 위해 사용됩니다. 변수는 var, let, const 키워드로 선언되며, 데이터를 저장하고 처리하는 데 사용됩니다.

데이터 타입 (Data Types): 자바스크립트는 여러 데이터 타입을 지원합니다. 주요 데이터 타입으로는 숫자(Number), 문자열(String), 불리언(Boolean), 객체(Object), 배열(Array), 함수(Function), null, undefined 등이 있습니다.

연산자 (Operators): 연산자는 값을 연산하고 조작하는 데 사용됩니다. 산술 연산자, 할당 연산자, 비교 연산자, 논리 연산자, 삼항 연산자 등 다양한 연산자가 있습니다.

제어문 (Control Statements): 제어문은 프로그램의 흐름을 제어하는 데 사용됩니다. 조건문(if문, switch문), 반복문(for문, while문), 점프문(break문, continue문) 등이 자바스크립트에서 사용됩니다.

함수 (Functions): 함수는 재사용 가능한 코드 블록으로, 특정 작업을 수행하기 위해 사용됩니다. 함수는 function 키워드를 사용하여 정의되며, 필요한 매개변수를 받고 결과값을 반환할 수 있습니다.

객체 (Objects): 객체는 속성(프로퍼티)과 동작(메서드)을 포함하는 자료 구조입니다. 객체는 중괄호({})를 사용하여 정의되며, 객체의 속성에는 이름과 해당하는 값이 할당됩니다.

배열 (Arrays): 배열은 여러 값을 순서대로 저장하는 자료 구조입니다. 대괄호([])를 사용하여 정의되며, 인덱스를 사용하여 배열 요소에 접근할 수 있습니다.

이벤트 (Events): 이벤트는 사용자의 상호작용(클릭, 마우스 이동 등) 또는 문서의 상태 변화(로드 완료, 태그 추가 등)와 같은 사건을 나타냅니다. 이벤트에는 해당 이벤트가 발생했을 때 실행되는 핸들러 함수를 연결하는 방식으로 응답할 수 있습니다.

모듈 (Modules): 모듈은 코드를 관리하고 재사용성을 높이기 위해 사용됩니다. 모듈은 독립적인 기능을 가진 파일로, 필요한 함수, 변수 및 객체를 내보내고 가져올 수 있습니다.

이외에도 자바스크립트에는 정규 표현식(Regular Expressions), 예외 처리(Exception Handling), AJAX(Asynchronous JavaScript and XML)와 같은 비동기 통신, 브라우저 객체 모델(Browser Object Model), 문서 객체 모델(Document Object Model) 등 다양한 기능과 구성 요소가 있습니다. 이러한 구성 요소들을 조합하여 자바스크립트로 다양한 애플리케이션과 웹 사이트를 개발할 수 있습니다.

 


<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>A <b>JavaScript program</b> is a list of <b>statements</b> to be executed by a computer.</p>

<p id="demo"></p>

<script>
let x, y, z;  // Statement 1
x = 5;        // Statement 2
y = 6;        // Statement 3
z = x + y;    // Statement 4

document.getElementById("demo").innerHTML =
"The value of z is " + z + ".";  
</script>

</body>
</html>

JavaScript Statements

A JavaScript program is a list of statements to be executed by a computer.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements</h2>

<p>In HTML, JavaScript statements are executed by the browser.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello Dolly.";
</script>

</body>
</html>

JavaScript Statements

In HTML, JavaScript statements are executed by the browser.