본문 바로가기

JavaScript & JQuery

JavaScript(1)

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