20220303_JavaScript : 기초 1

JS는 HTML 문서의 메인 메서드같은 역할을 한다. 

 

<script> 
        // JS의 출력코드
        // 1. 브라우저 화면에 출력하기
        document.write("Hello JavaScript");
        // 2. 콘솔에 출력하기 (개발자 도구에서 확인)
        console.log("Hello JavaScript");
        // 3. 경고창에 출력하기
        alert("Hello JavaScript");
</script>

 

JS의 변수는 모든 자료형을 다 var라는 키워드로 통일시켜서 사용한다. 이렇게 변수에 자료형이 부여되지 않는 언어를 가르켜 동적 타입 언어라고 부른다. (cf. 자바는 정적 타입 언어) ES 6에서 let과 const가 등장하였으나, 기초 문법 학습 시에는 예제 코드를 var로 통일하여 작성하고자 한다.

 

var num = 10; // int도 var
var txt = "자바스크립트"; // string도 var
var bool = true; // boolean도 var
var blank = null; // var에 null로 작성되는 빈 데이터 삽입

 

JS에서 비교 연산자는 ===와 !==를 써준다. 자바에서 처럼 ==와 !=로 비교하면 자료형을 고려하지 않고 생긴 것으로만 판단하여 true or false를 반환한다. 

 

        console.log(10 == '10'); // true (자료형 비교 x 외관만 비교)
        console.log(10 === '10'); // false (자료형도 비교)

 

prompt("질문내용")을 활용하면 팝업창을 띄워 사용자를 입력을 받을 수 있다. prompt("질문내용","기본답변(input박스에 placeholder속성으로 넣어줄 문자)")의 형식으로 작성할 수도 있다. 

 

prompt("입력해주세요!","기본 답변입니다.")