JavaScript - hello (특징,설정,사용)

yeong ·2022년 11월 15일

js

목록 보기
1/49

자바스크립트(JavaScript) : 페이지에서 발생한 ✨이벤트에 대해 페이지를 조작하기 위한 기능을 제공하는 스크립트 프로그래밍 언어 - 클라이언트에서 해석되어 실행

특징1.자바스크립트의 주석문은 자바와 동일
특징2.자바스크립트는 한 줄에 작성된 코드를 하나의 명령으로 인식하여 처리 > 명령 마지막에 ; 기호 생략 가능
특징3.자바스크립트는 객체 지향 프로그램 언어로 객체를 이용하여 프로그램 작성 >객체의 속성(Property)과 메소드(Method)를 사용하여 명령을 작성해 실행
특징4.자바스크립트는 웹브라우저를 window 객체로 표현하여 속성과 메소드 제공 (✔window 객체 생략 가능)

웹문서를 브라우저가 해석하여 출력하는 순서
WebDocument Reading >> HTML Parsing(DOM Parser) >> DOM Tree >> CSS Style >> JavaScript Processing >> HTML Rendering : 출력 >> Event - EventHadler(JavaScript)

  1. 자바스크립트 자동 완성 기능을 제공받기 위해 이클립스에 Tern 플러그인 설치 >> Help >> Eclipse Marketplace >> Find : tern 검색 >> Tern Eclipse IDE 설치

    2. Tern 플러그인을 이용하여 자바스크립트 자동 완성 기능을 제공받기 위해 프로젝트 변환 : 프로젝트 >> 마우스 오른쪽 버튼(메뉴) >> Configure >> Convert to Tern Project >> Modelues : Browser와 jQuery 선택 >> Apply And Close

javascript 사용하기
1.script 태그의 scr 속성을 사용하여 JavaScript Source 파일을 불러와 웹문서에 포함 src 속성 : JavaScript Source 파일의 URL 주소를 속성값으로 설정하여 사용

EX
<script type="text/javascript" src="01_hello.js"></script>


2.script 태그 : 스크립트 언어를 사용하여 프로그램을 작성하는 영역
script 태그가 여러개 선언되어 있는 경우 순차적으로 실행
type 속성 : 스크립트 언어에 대한 문서형식(MimeType)을 속성값으로 설정

EX
<script type="text/javascript">
alert("head 태그에 작성된 자바스트립트 명령");
</script>

3.body 태그에 작성
이벤트에 의해 페이지를 조작할 경우 body 태그의 마지막 자식태그로 script 태그를선언하여 명령을 작성하는 권장

<script type="text/javascript">
	alert("body 태그에 작성된 자바스트립트 명령");
	</script>

0개의 댓글