JavaScript - 특징,구조 및 적용법 / VS Code 실행 방법

JavaScript/JavaScript

JavaScript - 특징,구조 및 적용법 / VS Code 실행 방법

꿈다루 2020. 4. 30. 16:07

[ JavaScript 언어의 특징 ]

모든 브라우저에서 실행되는 웹 범용 언어
소스 코드는 컴파일 과정 없이 브라우저 내부의 자바스크립트 처리기(인터프리터)에 의해 바로 실행
C언어 구조를 차용하고 단순화시켜 쉽게 배울 수 있다.

[ JavaScript의 기본 규칙 ]

1) 한 문장이 끝나면 마침표(.)를 찍듯이 하나의 실행문이 끝나면 끝에 세미콜론(;) 붙이기

var num = 10; 
document.write("자바스크립트");

2) 자바스크립트는 대소문자를 구분

var num = 10;
document.write(num);  사용 O
document.write(Num);  사용 X

3) 코드의 가독성을 위하여 들여쓰기 사용

function  view() {
	var num=10;
    document.write(num);
}

[ JavaScript의 주석 처리 ]

: 주석 처리된 문장이나 실행문은 화면에 출력되거나 실행되지 않기 때문에 자바스크립트의 코드 설명이나 여러 실행문을 테스트 할 경우 사용

1) 한 줄 주석 방법 //

//num 변수의 초기값은 0 입니다.
var num=0;

2) 여러 줄 주석 방법 /* */

/* var num=0;
document.write(num); */

[ JavaScript 기본 입/출력 명령어 ]

1) 입력 명령어

[ 형식 ]
prompt("prompt창 제목", "입력할 내용");

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>prompt()함수</title>
    <script>
      prompt("이름을 입력하세요!", "윤제니");
      prompt("이름을 입력하세요!", "");
    </script>
  </head>
  <body></body>
</html>

>> 실행 결과

2) 출력 명령어

[ 형식 ]
document.write("출력하구 시푼 내용!");
alert("출력하구 시푼 내용!");
console.log("출력하구 시푼 내용");

<!DOCTYPE html>
<html lang="go">
    <head>
        <meta charset="UTF-8">
        <title>출력 함수들</title>
        <script>
            document.write("윤제니 힘내쟈!");
            alert("다 잘될거얌~");
            console.log("꾸준히 열심히 하쟈요");
            confirm("극복하쟈요옴?");
        </script>
    </head>
    <body>
    </body>
</html>

>> 실행 결과