자바스크립트
- 객체 기반의 스크립트 프로그래밍
- 과거에는 웹브라우저 내에서만 사용했었음, NodeJS를 이용하게 되면 콘솔창에서도 동작 가능
- 화면에서 사용자의 이벤트 처리 등을 담당, 화면 제어.. (드래그.. 클릭 동작)
- 프로그래밍의 공통적인 문법들을 사용할 수 있다 (조건문, 반복문, 변수선언 등등.. C언어 기반,,)
- 인터프리트 언어이다 (컴파일을 미리 하지 않음)
자바스크립트 엔진 (자바 - JVM, 자바스크립트 - 자바스크립트엔진)
- 자바스크립트 명령어를 해석하고 실행하는 프로그램
- 각 브라우저마다 자신만의 스크립트 엔진을 가지고 있다.
- 크롬(V8 엔진) (NodeJS에서 내부적으로 사용) (V8 속도빠름)
- 엣지(차크라 엔진)
- 파이어폭스(스파이더 몽키) 등...
브라우저에서 자바스크립트 사용하기
- 자바스크립트 코드를 <script> ... </script>로 묶어서 사용
- <script> 태그는 문서내에서 위치에 제약을 받지 않는다.
- 권장하는 위치는 헤드태그 내 또는 바디태그 종료전 위치
(요즘은 바디태그 아래쪽으로..)
(헤드태그에 있을 경우 스크립트 로딩을 먼저 하기 때문에 느림) html 소스
<!DOCTYPE html>
<html>
<head>
<script>
// 브라우저에서 개발자 도구
console 뷰에서 확인 가능 console.log(1 + " - head 메타 태그 전");
</script>
<meta charset="UTF-8">
<title>JavaScript Test</title>
<script>
console.log(2 + " - head 태그 종료 전");
</script>
</head>
<body>
<script>
console.log(3 + " - body 태그 시작");
</script>
<h2>자바스크립트</h2>
<script>
console.log(4 + " - body 태그 종료 전..");
</script>
</body>
</html>
브라우저 출력 결과
스크립트의 사용 위치와 관계 없이 실행됨 확인
1 - head 메타 태그 전
2 - head 태그 종료 전
3 - body 태그 시작
4 - body 태그 종료 전..
| Javascript - 명시적/묵시적 형변환 (0) | 2018.10.25 |
|---|---|
| JavaScript - 자바스크립트 false 값 (0) | 2018.10.24 |
| JavaScript - 자바스크립트 문자열 (0) | 2018.10.24 |
| JavaScript - 자바스크립트 변수 (0) | 2018.10.23 |
| JavaScript - 외부파일 참조 (0) | 2018.10.17 |
댓글 영역