IT 강좌 JavaScript 기초 035_HelloJavaScript

JavaScript는 고급 동적 객체 지향 프로그래밍 언어이며, 세계에서 가장 인기 있는 프로그래밍 언어 중 하나입니다. 주로 웹 개발에 사용되지만, 서버 사이드 개발, 게임 개발, 모바일 개발 및 기타 분야에서도 널리 사용됩니다.

JavaScript는 1995년에 Netscape 회사의 Brendan Eich가 설계하고 구현했으며, 처음에는 “LiveScript”라고 불렸다가 나중에 JavaScript로 이름이 변경되었습니다.

1997년, ECMA 국제 기구(유럽 컴퓨터 제조업체 협회)는 ECMAScript 표준을 발표했으며, 이 표준은 JavaScript의 구문과 의미를 정의합니다. ECMAScript 표준의 발표로 JavaScript는 표준화된 언어가 되었으며 모든 주요 브라우저에서 지원됩니다.

JavaScript는 Java와 다릅니다. 이름은 비슷하지만 두 가지는 서로 다른 프로그래밍 언어입니다. JavaScript는 주로 프론트엔드 개발에 사용되며 브라우저를 통해 실행되는 반면, Java는 일반적으로 백엔드 개발에 사용되며 독립적인 프로그래밍 언어입니다.

JavaScript는 다음과 같은 주요 특징을 가지고 있습니다:

배우기 쉽고 사용하기 쉬움: JavaScript 구문은 비교적 간단하여 프로그래밍 경험이 없는 사람도 빠르게 시작할 수 있습니다.
동적성: JavaScript는 동적 언어이며, 변수의 타입은 런타임에 동적으로 변경될 수 있습니다.
객체 지향: JavaScript는 캡슐화, 상속 및 다형성을 포함한 객체 지향 프로그래밍(OOP) 개념을 지원합니다.
이벤트 기반: JavaScript는 일반적으로 이벤트를 처리하여 사용자와의 상호 작용을 구현합니다. 예를 들어 버튼 클릭, 텍스트 입력 등입니다.
스크립트 언어: JavaScript는 스크립트 언어이며, 일반적으로 컴파일되지 않고 해석됩니다. 이를 통해 브라우저에서 직접 실행할 수 있습니다.

시간이 지남에 따라 JavaScript는 점차 범용 프로그래밍 언어로 발전했으며, 프론트엔드 개발뿐만 아니라 서버 사이드 개발(Node.js 사용), 게임 개발, 모바일 애플리케이션 등 다양한 프로그램 개발에 사용됩니다.

JavaScript의 다른 분야 응용 프로그램은 다음과 같습니다:

서버 사이드 개발: Node.js와 같은 플랫폼을 사용하여 JavaScript를 서버 사이드 애플리케이션 개발에 사용할 수 있습니다.
게임 개발: JavaScript를 웹 게임 및 모바일 게임 개발에 사용할 수 있습니다.
모바일 개발: JavaScript를 하이브리드 모바일 애플리케이션 개발에 사용할 수 있습니다.

JavaScript 사용 방법

내부 JavaScript

HTML 문서 내에서 <script> 태그를 통해 JavaScript 코드를 <head> 또는 <body> 태그에 삽입합니다. 이러한 스크립트는 페이지 로드 시 실행됩니다. </head> 또는 </body> 닫는 태그 앞에 포함하는 것이 좋습니다.

예제:

1
    <!-- head 영역 -->
2
    <script>
3
        alert('안녕하세요 내부 JavaScript!');
4
    </script>
5
    <!-- head 영역 -->

효과:

예제 효과

외부 JavaScript

JavaScript 코드를 별도의 파일에 저장하고 <script> 태그의 src 속성을 통해 외부 파일을 참조합니다. 이는 코드의 재사용 및 유지 관리에 도움이 됩니다.

예제:

1
  <script src="script.js"></script>

1
  alert('안녕하세요 외부 JavaScript!');

효과: 예제 효과

예제 효과

인라인 JavaScript

인라인 참조는 JavaScript 코드를 HTML 태그의 이벤트 속성에 직접 작성하는 것으로, 일반적으로 간단하고 특정한 상호 작용이나 이벤트를 처리하는 데 사용됩니다. 예: 이벤트 처리, DOM 조작

예제:

1
  <a href="javascript:alert('안녕하세요 JavaScript!')">JavaScript 테스트</a>

효과:

예제 효과

JavaScript 사용 방법

내부 JavaScript

외부 JavaScript

인라인 JavaScript

댓글