[JavaScript] 자바스크립트의 구현(사용) 방식
2021. 4. 30. 11:16ㆍProgram/JavaScript
001 _ 자바스크립트의 구현(사용) 방식
[적용]
- 브라우저 (HTML)에서 자바스크립트를 사용하고자 할 때
[내용]
HTML에서 자바스크립트를 사용하기 위한 기본 구현(사용) 방식을 알아보자.
HTML에서 <script> 태그로 감싸고 그 사이에 자바스크립트 코드를 삽입하는 방식으로 구현(사용) 할 수 있다.
[문법]
| 구문 | 의미 |
| <script> 자바스크립트 코드 </script> | HTML에서 자바스크립트 코드 구현(사용) |
[예시]
자바스크립트의 alert() 기능을 통해 알림창을 만들어 보자.
- HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
alert('안녕하세요!');
</script>
</head>
<body>
</body>
</html>
파일을 열면 브라우저에서 '안녕하세요!'라는 알림 메시지가 표시된다.
script 태그의 위치는 어느 곳이든 상관없다.
샘플 코드의 경우 head 태그 안에 넣었지만, body태그 안에 사용해도 무방하다.
세미콜론(;)은 문장의 끝을 나타내는 기호이다.
자바스크립트에서는 세미콜론을 생략해도 적절한 줄바꿈을 넣어주면 에러 없이 기능이 동작한다.
참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
이케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김
'Program > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립트 콘솔로그(console.log)를 이용하여 출력하기 (0) | 2021.04.30 |
|---|---|
| [JavaScript] 다른 파일에서 자바스크립트 파일 불러오기 (0) | 2021.04.30 |
| [JavaScript] 폴더 안의 파일 갯수 세기 (length) (0) | 2021.03.09 |
| [JavaScript] 현재 날짜+요일+시간을 표시하는 시계 (0) | 2021.03.05 |
| [JavaScript] 미니(inline) 조건문 (0) | 2021.03.05 |