자바스크립트란?
자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어이다.
HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있다.
자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면
서버 측 프로그래밍에서도 사용할 수 있다.
현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있다.
자바스크립트의 특징
- 웹 브라우저에 자바스크립트 엔진이 내장되어 있기 때문에 사용이 가능
- 웹의 동작(동적) 구현하기 위한 언어
- 웹 브라우저에서 동작(단, node.js 환경은 서버(운영체제)에서 동작)
- 객체 기반의 스크립트 언어
- HTML 문서 내에서 <script>~</script> 태그 안에 작성
- 대소문자를 구별
자바스크립트의 출력
1. 문서 출력
document.write() 함수를 통해 <body>에 출력한다.
[예시]
<script>
document.write('안녕하세요. JavaScript!');
</script>
[결과]
2. 콘솔 출력
console.log() 함수를 통해 브라우저 콘솔에 출력한다.
[예시]
<script>
console.log('안녕하세요. JavaScript!');
</script>
[결과]
문서에서는 보이지 않지만, console 창에서는 출력이 된 것을 확인할 수 있다.
자바스크립트 적용
1. 내부 자바스크립트 코드로 적용
자바스크립트 코드는 위의 출력에서 봤듯이, <script>태그를 사용하여 HTML 문서 안에 삽입할 수 있다.
<script>
document.write('안녕하세요. JavaScript!');
console.log('안녕하세요. JavaScript!');
</script>
이런 자바스크립트 코드는 HTML 문서의 <head>태그나 <body>태그, 또는 양쪽 모두에 위치할 수 있다.
2. 외부 자바스크립트 파일로 적용
자바스크립트 코드는 HTML 문서의 내부뿐만 아니라 외부 파일로 생성하여 삽입할 수도 있다.
외부에 작성된 자바스크립트 파일은 .js 확장자를 사용하여 저장한다.
해당 자바스크립트 파일을 적용하고 싶은 모든 웹 페이지에 <script>태그를 사용해
외부 자바스크립트 파일을 포함하면 된다.
<head>
<meta charset="UTF-8">
<title>외부자바스크립트</title>
<script src="./js/script.js"></script>
</head>
자바스크립트의 주석
주석(comment)이란 코드 내에 삽입된 일종의 설명문이다.
주석은 작성자나 다른 개발자가 나중에 코드를 수정할 때 참고할 수 있으며, 웹 페이지 개발 시 디버깅에도 사용된다.
이러한 주석은 자바스크립트 코드의 어느 부분에라도 작성할 수 있으며
웹 브라우저의 동작에는 전혀 영향을 미치지 않는다.
| 문법 | 설명 |
| // | 한줄 주석 |
| /**/ | 여러줄 주석 |
[예시]
<script>
document.write('안녕하세요. JavaScript!'); // 문서에 출력을 해요
console.log('안녕하세요. JavaScript!');
/*
콘솔창에
출력을 해요
*/
</script>
자바스크립트란? 부분 내용 출처 : http://tcpschool.com/
열심히 공부하고 있지만, 오류 사항이 존재 할 수 있습니다.
수정 사항이 존재 할 경우 알려주시면 감사하겠습니다 <(＿＿)>
'프로그래밍 > 자바스크립트' 카테고리의 다른 글
| 05 대화상자 (0) | 2021.06.09 |
|---|---|
| 04 자바스크립트의 타입 변환 (0) | 2021.06.08 |
| 03 자바스크립트의 데이터 타입 (0) | 2021.06.07 |
| 02 자바스크립트의 변수와 상수 (2) | 2021.06.06 |
댓글