JavaScript
웹 페이지의 기능을 구현할 수 있도록 하는 인터프리터 프로그래밍 언어.
인퍼트리터 언어
컴파일링 언어와 다르게 코드를 한 구문씩 기계어로 해석해나가면서 실행하는 프로그래밍 언어
스크립팅 언어
다른 응용 프로그램에 삽입되어서 동작하는 언어
자바스크립트 선언
HTML에서 제공하는 <script></script>태그를 사용
자바스크립트 작성 영역을 설정하고 그 사이에 자바스크립트 코드 작성 type속성은 브라우저 호환성을 위해 사용되나 default값으로 생략 가능
자바스크립트 위치
<script><script>는 <head>,<body> 안 어느 영역에나 작성 가능 특히 <html>태그 영역 밖에서 작성도 가능하지만 웹 표준과 웹 접근성을 고려해 <head>나 <body>안에 작성함
<script>자바스크립트 내용</script>
<html>
<head><script>자바스크립트 내용</script></head>
<body><script>자바스크립트 내용</script></body>
<html>
<script>자바스크립트 내용</script>
자바스크립트 작성방식
inline 방식
html 태그의 on이벤트 속성을 이용하여 내장 메소드를 호출하거나 개발자가 선언한 사용자 정의 함수를 호출할 때 사용.
자바스크립트 양이 한 두줄 정도로 소량일 때 사용.
<태그 명 on이벤트 = "함수명();">
internal 방식
가장 일방적인 방식 html 파일 내 <head> 나 <body>안에 자바스크립트 소스 작성 자바스크립트 코드 작성, 함수 단위로 소스코드를 작성하고 html태그에서 이벤트 핸들러를 통해 함수를 실행시키는 방식
<script>실행한 소스코드 작성</script>
external 방식
자바스크립트 양이 많거나 여러 개의 html 파일에서 공통적으로 활용하는 경우가 많을 때 자바스크립트 코드 부분을 외부 파일(*.js)로 저장하여 작성한 후 <script>태그를 이용해 내용 삽입후 사용
<script src="경로"><script>
주석처리
| 주석종류 | 설명 | |
| 자바스크립트 주석 | 한 줄 주석 | //로 시작 |
| 여러 줄 주석 | /*로 시작하고 */로 끝남 | |
| HTML 주석 | <!--로 시작하고 -->로 끝남 자바스크립트나 스타일시트 태그 이외의 HTML태그에서는 이 주석 태그를 사용해서 주석 처리를 해주어야 함 |
|
세미콜론 ;
명령이 끝났다는 것을 명시적으로 표현할때 사용 자바스크립트는 줄바꿈이 생기면 명령이 끝났다고 판단해서 작성하지 않아도 되는 경우가 있지만, 습관적으로 사용해주는 것이 좋음.
'JavaScript & JQuery' 카테고리의 다른 글
| JavaScript(6) (0) | 2023.08.27 |
|---|---|
| JavaScript(5) (0) | 2023.08.27 |
| JavaScript(4) (2) | 2023.08.27 |
| JavaScript(3) (2) | 2023.08.27 |
| JavaScript(2) (0) | 2023.08.26 |