1) 자바스크립트의 역사
넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 만들어진 언어이다.
* 이름 변천사 : 모카(Mocha) -> 라이브 스크립트(LiveScript) -> 자바스크립트(JavaScript)
* 국제 표준안 버전 : ECMA Script 6 -> 현재 자바스크립트 최신 버전
2) 자바스크립트의 주요 특징
1. 웹의 동작(동적)을 구현하기 위한 언어다.
2. 객체 기반의 스크립트 언어이다.
3. 웹 브라우저에서 동작함. 단, node.js 환경은 서버(운영체제)에서 동작한다.
4. 웹 브라우저에 자바스크립트 엔진(인터프리터)이 내장되어 있기 때문에 사용이 가능하다.
5. HTML문서 내에서 <script> ~ </script> 태그 내에서 작성된다.
6. 대소문자를 구별하고 세미콜론(;) 생략이 가능하다.
7. 객체지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다.
3) 자바스크립트의 선언과 출력 방법 4가지
1. 문서에 출력하기
document.write( ) 함수를 통해 <body>에 출력하기
소괄호 내부의 값이 그대로 html 문서 body태그 안에 써진다.
따라서 줄바꿈을 하기 위해서는 <br> 태그를 써주어야한다.
<script> //선언
document.write('안녕하세요 Javascript<br>');
document.write('입니다.');
</script>
2. 콘솔창에 출력하기
consol.log( ) 함수를 통해 브라우저 콘솔에 출력하기
줄바꿈을 하기 위해서는 \n을 써주어야 한다.
<script type="text/javascript"> //과거의 선언 방법
console.log('안녕하세요\nJavascript');
</script>
3. alert( ) 메소드에 의한 알람창으로 출력하기
줄바꿈을 하기 위해서는 \n을 써주어야 한다.
<script>
alert('Hello\nJavaScript');
</script>
4. HTML DOM요소를 이용한 innerHTML 프로퍼티로 출력하기
<body>
<p id="text">변경될 문자열</p>
<script type="text/javascript">
let pTag = document.getElementById("text");
pTag.innerHTML = "<strong>Hello!</strong>";
</script>
</body>
4) 외부 자바스크립트 파일로 적용하기
<script src=""js경로/파일명.js""></script>
<script src="JS/script.js"></script>
5) defer
<script>는 다운로드와 실행이 순차적으로 진행되는 것과 달리
defer 속성을 가진 스크립트는 브라우저가 <script defer>를 만났을 때 다운로드를 시작하지만,
html 파싱을 막지않고 </html>을 만났을 때 실행된다.
6) 주석문
<script src="JS/script.js">
//한줄 주석
/*
여러줄 주석
*/
</script>'Front-End > JavaScript' 카테고리의 다른 글
| [자바스크립트] 대화상자(alert, confirm, prompt) (0) | 2021.06.06 |
|---|---|
| [자바스크립트] 타입(형) 변환 (0) | 2021.06.06 |
| [자바스크립트] 데이터 타입(형) (0) | 2021.06.05 |
| [자바스크립트] 상수(constant) (0) | 2021.06.05 |
| [자바스크립트] 변수(let, var), use strict (0) | 2021.06.05 |
