[Javascript]

[Javascript] 개요

Jarvis2304 2022. 10. 17. 18:22

▶ Javascript

- 객체 기반의 스크립트 프로그래밍 언어

 

▷ 역할

● 웹 페이지의 내용 및 모양의 동적제어

- HTML 태그의 속성, 콘텐츠, CSS 속성값 동적 변경

● 사용자의 입력 및 계산

- HTML은 폼 입력 창만 제공할 뿐, 입력을 받고 계산하는 기능은 수행 불가능.마우스와 키보드 입력과 계산 오직 자바스크립트로만 처리가능

● 브라우저 제어

● 웹 서버와의 통신

● 웹 애플리케이션 작성  

 

 

▷ 특징

- 웹 브라우저에서 실행 결과를 즉시 확인가능 (컴파일 과정 없이 브라우저 내부의 자바스크립트 처리기(인터프리터)에 의해 바로 실행)

- 자바스크립트는 조각난 소스 코드 형태로 HTML 페이지에 저장

- C언어 구조를 차용

- 다양한 API 활용 가능 (API :어떤 정보(데이터)를 다른 사람이 쉽게 가져갈 수 있도록 미리 준비한 체계) 

 

 

▷ 자바스크립트의 코드 위치

(1) HTML 태그의 이벤트 리스너 속성에 작성

(2) <script></script> 태그에 작성

(3) 자바스크립트 파일에 작성

(4) URL 부분에 작성

 

(1) HTML 태그의 이벤트 리스너에 자바스립트 코드 작성

 

 

(2) <script></script> 태그에 자바스립트 작성

- <head></head> 나 <body></body> 내 어디든 가능

- 웹 페이지 내에 여러 번 삽입 가능

 

(3) 자바스크립트 코드를 별도 파일에 작성

- 확장자 .js 파일에 저장

- <script> 태그 없이 자바스크립트 코드만 저장

- 여러 웹 페이지에서 불러 사용

- 웹페이지마다 자바스크립트 코드 작성 중복 불필요

- <script> 태그의 src 속성으로 파일을 불러 사용

 

 

 

 (4) 링크의 href에 자바스크립트 코드 작성

 

 

 

 

 

▶ 자바스크립트로 HTML 콘텐츠 출력

● document.write();

- 자바스크립트로 HTML 콘텐츠를 웹 페이지에 직접 삽입

- 바로 브라우저 윈도우에 출력

ex) documenet.write("<h3>Hello ! </h3>");

 

 

● document.writeln();

- writeln()은 텍스트에 '\n' 을 덧붙여 출력

- '\n'을 덧붙이는 것은 고작해야 빈칸 하나 출력

- 다음 줄로 넘어가는 것은 아님

 

예제) document.write()로 웹 페이지 HTML 콘텐츠 출력