📌 리터럴 (literal)
📍 리터럴 (literal) 이란?
흰 티에 청바지를 입은 어떤 사람 (= 변수)이 있다.
직업이 명확하지 않은 그냥 어떤 사람이다. (= undefined)
그 사람이 피팅룸에 들어가서 경찰 제복을 입고 나왔다. 이때부터 직업이 경찰임을 알게 되고, 축구선수 복장을 입으면 축구선수임을 알게 된다.
이 때 종류별 옷이 바로 리터럴(literal)이다.
- 리터럴이란 소스 코드의 고정된 값을 대표하는 용어이다. 고정된 값을 대표한다는 의미는 변수의 type을 의미한다.
- 리터럴은 변수의 type을 정하는 능력이 있다.
📍 리터럴 (literal) 종류
- 배열 리터럴
- 불리언 리터럴
- 숫자 리터럴
- 부동 소수점 리터럴
Exponential 기호를 사용하여 소수점 위치를 조정할 수 있다.
3.14 = 0.314e1 = 31.4e-1 - 문자열 리터럴
- 정규식 리터럴
- 객체 리터럴
📌 식별자
📍 식별자란?
javascript 코드 내에서 사용되는 각각의 단어를 의미한다.
📍 식별자 종류
1. 시스템 정의 식별자
javascript가 필요에 의해서 먼저 정의한 식별자
보통 예약어 또는 keyword라고 부른다.
Ex. break, case, catch, continue, default, delete ...
2. 사용자 정의 식별자
javascript 개발자가 필요에 의해서 정의한 식별자
변수, 함수, 생성자, 객체 정의 시 사용할 이름을 의미한다.
📌 JavaScript 출력방법
📍 window.alert( )
브라우저와는 별도의 대화상자를 띄워 사용자에게 데이터를 전달한다.
<script>
function alertDialogBox() {
alert("확인을 누를 때까지 다른 작업을 할 수 없어요!");
}
</script>(window 객체의 모든 method, property는 window라는 접두사를 생략할 수 있다.)
📍 HTML DOM 요소를 이용한 innerHTML 프로퍼티
document 객체의 getElementByID()나 getElementsByTagName() 등의 메서드를 이용하여 HTML 요소를 선택한다.
그리고 innerHTML 프로퍼티를 이용하면 선택된 HTML 요소의 내용이나 속성값 등을 손쉽게 변경할 수 있다.
<script>
var str = document.getElementById("text");
str.innerHTML = "이 문장으로 바뀌었습니다!";
</script>📍 document.write( )
웹 페이지가 로딩될 때 실행되면, 웹 페이지에 가장 먼저 데이터를 출력한다.
대부분 테스트나 디버깅을 위해 사용된다.
<script>
document.write(4*5);
</script>웹 페이지의 모든 내용이 로딩된 후에 document.write()이 실행되면, 웹 페이지 내에 먼저 로딩된 모든 데이터를 지우고 자신의 데이터를 출력하게 된다.
따라서 테스트 이외의 용도로 사용할 경우 주의해야 한다.
<button onclick="document.write(4 * 5)">버튼을 눌러보세요!</button>📍 console.log( )
웹 브라우저의 콘솔을 통해 데이터를 출력한다.
콘솔 화면을 통한 데이터 출력은 좀 더 자세한 사항까지 출력되므로 디버깅하는데 많은 도움을 준다.
<p>F12를 눌러서 콘솔 화면을 열면 결과를 확인할 수 있습니다.</p>
<script>
console.log(4 * 5);
</script><참고 : https://tiboy.tistory.com/685
https://sallykim5087.tistory.com/9
http://www.tcpschool.com/javascript/js_intro_output >
