티스토리 뷰

카테고리 없음

[JavaScript]자바스크립트 개요

douStory 2021. 8. 31. 16:52
728x90

북마크를 누르면 바로 이동이 가능합니다.

1. 개요📝<

2. 사용법📕<

3. 예제📚<

 
1. 개요

 

발전과정

1995년 넷스케이프 커뮤니케이션즈 브랜던 아이크 개발

웹브라우저용 스크립트 언어이며 본격적인 프로그래밍 언어가 아니다.

** 요즘은 많이 발전하고 있다.

 

구글지도 등의 기능이 구현된 애플리케이션이 등장하면서

고성능의 웹 어플리케이션을 만들 수 있는 객체 지향언어 임이 인식되기 시작했다.

HTML5과 웹 브라우저, 디바이스가 발전하면서 자바스크립트로 웹 애플리케이션을

만드는게 대중화 되기 시작 했다.

 

특징

인터프리터 언어(한줄한줄 실행하는)

동적 프로토타입 기반 객체 지향 언어 

 : 변수 타입이 없어서 프로그램 실행도중 저장되는 데이터 타입이 바뀔 수 있음

함수는 객체이며, 함수에 함수를 인수로 넘길 수 있다. (자바와 동일)

window 인터페이스 조작기능 제공

DOM : HTML문서의 요소를 제어하는 기능 제공

XMLHttpRequest : 서버와 비동기로 통신한느 기능을 제공 ( 프론트에 영향을 주지 않고)

 

서버 측 고유한 기술 요소

Node.js : 구글이 개발한 자바 스크립트 실행 환경

Aptana Jaxer : 압타나사가 개발, 현재는 오픈소스로 개발되고 있는 실행환경

 

ECMAScipt 6 

2015년 6월에 권고된 새로운 버전이고 지금의 자바스크립트기능을 거의 제공한다

 

 

2. 사용법

 

javascript 를 사용 할 수 있는 가장 간단한 방법

웹브라우저를 활용!

오른쪽 클릭->검사-> 콘솔

콘솔창에 입력해보자
팝업창이 떴다!

3. 예제
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script type="text/javascript">
    var helloMessage = "안녕하세요";
    document.write(helloMessage);
    </script>
    
</head>
<body>
</body>
</html>

 

html과 연동하여 웹브라우저에서 출력된다.

 

댓글