자바스크립트 기본 구문 학습 tutorial_javascript 기술

Javascript의 기본 개념

i. 자바스크립트 언어는 웹페이지에서 널리 사용되는 스크립트 언어입니다.

ii. 자바스크립트 언어의 특징:

1. Netscape에서 개발한 객체 중심 및 이벤트 중심 스크립트 언어로 특정 보안 기능을 갖추고 있습니다.
2. 기능:

a) 자바스크립트는 스크립팅 언어이자 해석 언어입니다.
b) 자바스크립트는 브라우저의 자바스크립트 인터프리터에 의해 실행되며 운영 환경과 아무런 관련이 없습니다.
c) JavaScript에서는 덜 엄격한 데이터 유형을 사용하므로 데이터를 정의하거나 사용할 때 더 편리하다는 장점이 있지만 혼란의 문제도 발생합니다. d) 자바스크립트는 객체 기반 언어이므로 객체를 직접 생성하고 생성한 객체의 속성과 메소드를 사용하여 많은 기능을 생성할 수 있습니다.
e) Javascript의 주요 기능은 웹페이지에 애니메이션을 적용하는 것이며 일정량의 상호작용도 있습니다.
f) Javascript는 안전하며 사용자가 로컬 하드 디스크에 액세스하거나 네트워크상의 문서를 수정 또는 삭제하는 것을 허용하지 않습니다. 이를 통해 데이터 손실 및 악의적인 수정을 효과적으로 방지할 수 있습니다.
g) 예: HTML 파일 내장 스크립트

<script language="javascript"> Document.write("<font color=blue>Hello,JavaScript!</font>"); </script> HTML文件外接脚本
<script src="1.js"> </script> //1.js Document.write("<font color=blue>JavaScript,Hello!</font>"); 

JavaScript 명령문

JavaScript 문이 브라우저에 실행하는 명령입니다. 명령문의 목적은 브라우저에게 무엇을 해야 할지 알려주는 것입니다.

세미콜론 ;

세미콜론은 JavaScript 문을 구분하는 데 사용됩니다.

일반적으로 각 실행문 끝에 세미콜론을 추가합니다.

세미콜론의 또 다른 용도는 한 줄에 여러 문을 작성할 때입니다.

팁: 세미콜론이 없는 경우도 볼 수 있습니다.

JavaScript에서 세미콜론으로 문을 종료하는 것은 선택 사항입니다.

자바스크립트 코드

JavaScript 코드(또는 그냥 JavaScript)는 일련의 JavaScript 문입니다.

브라우저는 각 명령문을 작성된 순서대로 실행합니다.

자바스크립트 코드 블록

JavaScript 문은 코드 블록으로 그룹화됩니다.

블록은 왼쪽 중괄호로 시작하고 오른쪽 중괄호로 끝납니다.

블록의 목적은 일련의 명령문이 함께 실행되도록 하는 것입니다.

자바스크립트 함수는 명령문을 블록으로 결합하는 전형적인 예입니다.

다음 예에서는 두 개의 HTML 요소에 대해 작동하는 함수를 실행합니다.

자바스크립트는 대소문자를 구분합니다

자바스크립트는 대소문자를 구분합니다.

JavaScript 문 작성 시 대소문자 전환 키가 꺼져 있는지 주의하시기 바랍니다.

getElementById와 getElementbyID 함수는 다릅니다.

마찬가지로 myVariable 변수와 MyVariable 변수도 다릅니다.

자바스크립트 주석

JavaScript는 주석을 실행하지 않습니다.

자바스크립트를 설명하거나 코드의 가독성을 높이기 위해 주석을 추가할 수 있습니다.

한 줄 주석은 //로 시작합니다.

JavaScript 여러 줄 주석

여러 줄 주석은 /*로 시작하고 */로 끝납니다.

자바스크립트 변수

대수학과 마찬가지로 JavaScript 변수는 값(예: x=2)과 표현식(예: z=x y)을 저장하는 데 사용할 수 있습니다.

변수에는 짧은 이름(예: x 및 y) 또는 더 설명적인 이름(예: 연령, 합계, 총량)이 있을 수 있습니다.

•변수는 문자로 시작해야 합니다

•변수는 $ 및 _ 기호로 시작할 수도 있습니다(권장하지는 않지만)

•변수 이름은 대소문자를 구분합니다(y와 Y는 다른 변수입니다)

팁: JavaScript 문과 JavaScript 변수는 대소문자를 구분합니다.

자바스크립트 데이터 유형

JavaScript 변수는 텍스트 값(name="Bill Gates")과 같은 다른 데이터 유형도 보유할 수 있습니다.

JavaScript에서는 "Bill Gates"와 같은 텍스트를 문자열이라고 합니다.

JavaScript 변수에는 다양한 유형이 있지만 지금은 숫자와 문자열에만 집중하겠습니다.

변수에 텍스트 값을 할당할 때 값을 큰따옴표나 작은따옴표로 묶어야 합니다.

변수에 할당한 값이 숫자 값인 경우 따옴표를 사용하지 마세요. 숫자 값을 따옴표로 묶으면 해당 값은 텍스트로 처리됩니다.

JavaScript 타이밍 이벤트

JavaScript를 사용하면 함수 호출 직후가 아닌 설정된 시간 간격 후에 코드를 실행할 수 있습니다. 우리는 이것을 타이밍 이벤트라고 부릅니다.

JavaScript에서 타이밍 이벤트를 사용하는 것은 쉽습니다. 두 가지 주요 방법은 다음과 같습니다.

setTimeout()향후 특정 시점에 코드 실행

clearTimeout()setTimeout() 취소

위 내용을 통해 자바스크립트의 기본 구문을 소개해 드렸는데요, 앞으로의 작업과 공부에 도움이 되길 바랍니다.