Developer/자바스크립트

자바스크립트, 기초 중 기초 ! 변수

단님 2024. 5. 16. 22:00
728x90
자바와 자바스크립트의 차이

 

자바에서는

  • 123 - 숫자
  • “123”-문자열
  • ‘1’-문자

자바 스크립트에서는

  • 123 - 숫자
  • “123” -문자열
  • ‘1’-문자열 로 인식하는 차이가 있다. 즉 ‘’ 와 “” 의 차이가 없다.

 

자바 스크립트의 실행
  • console : 콘솔화면에 보여지는것.ctrl + alt + n 실행

실행시에 document 가 있다면 , 오류가 생김.

 

  • document : 브라우저 화면에 표현 , 기존 html 의 alt + L + O 를 하면 브라우저 화면에 표현되는 부분을 말함.

개발자 도구에서도 콘솔을 수정 할 수 있다.

 

->바디 안에서 스크립트를 적용시킬 수 있는데 ,

당연하게도 브라우저 화면은 html 의 상단 순서부터 나열이 된다.

conlsole 로 실행되는 부분은 개발자 도구에서 콘솔에서 확인 이 가능하고,

document 는 브라우저 화면에서 확인이 가능하다.

 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML에서 자바스크립트 실행</title>
</head>

<body>
    <h1>HTML에서 자바스크립트 실행</h1>
    <script>                        //  script태그 내에 자바스크립트 코드 기술.

        document.write('브라우저 화면에 자바스크립트 실행!!');
        console.log('브라우저 콘솔에 자바스크립트 실행!!');
    </script>
</body>

 

자바 스크립트의 변수 개념

 

num 1은 우변에 사용하기 위해 초기화가 필요하나,

num2 는 좌변에만 이용하기에 초기화가 필요하지 않았음.

출력을 위한 용도로 사용됨.

즉 , 우변에 사용하기 위한 변수들은 초기화가 강제 되어야 하며 ,

초기화 되지 않았을 경우 값이 나오지 않음. (NaN) 이 나옴.

NaN에 대해서는 다음번에 또 설명하겠다.