soominkim Study
article thumbnail
Published 2023. 4. 7. 10:00
[JavaScript] 개요 JavaScript
728x90

 

자바스크립트(JavaScript)는 객체(Object) 기반의 스크립트 언어입니다. HTML로는 웹의 내용을 작성하고 CSS로는 웹을 디자인하며 자바스크립트로는 웹의 동작을 구현할 수 있습니다. 자바스크립트는 주로 웹 브라우저에서 사용되지만 Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다. 

 

본격적으로 자바스크립의 개요를 시작하기 전에 앞서 짧게 역사를 알고 가려고 합니다.

자바스크립트는 1995년 넷스케이프(Netscape)의 브렌던 아이크(Brendan Eich)에 의해 만들어졌으며 처음에는 모카(Moca)라는 이름으로 개발되었지만 라이브스크립트(LiveScript) 라는 이름을 거쳐 오늘날 자바스크립트(JavaScript) 이름을 가지게 되었습니다.

 

자바스크립트의 특징은 크게 다음을 포함하고 있습니다.

  • 객체 기반의 스크립트 언어
  • 동적이며 타입을 명시할 필요가 없는 인터프리터 언어
  • 객체 지향형 프로그래밍과 함수형 프로그래밍 둘 모두를 표현할 수 있다.

인터프리터 언어란 컴파일(compile)하여 사용자가 실행할 수 있는 실행 파일(.exe)로 만들지 않고 소스 코드를 바로 실행할 수 있는 언어를 말합니다. 자바스크립트의 경우 웹 브라우저에 포함된 자바스크립트 인터프리터가 소스 코드를 해석하고 실행시켜주고 있습니다.

 

자바스크립트를 사용하면 HTML의 내용, 속성, 스타일을 변경할 수 있고 더 나아가 이벤트를 주어 사용자가 특정 액션을 취했을 때 이에 반응하게 만들어 웹 브라우저를 보다 더 예쁘게 화려하게 생동감있게 만들 수 있습니다.

 

자바스크립트의 실행문은 세미콜론으로 구분되며 이를 명시하지않아도 동작은 하고있습니다. 하지만 소스 코드의 구분을 위해서는 지향하는것이 좋습니다. 또한 자바스크립트는 대소문자를 구분함으로 변수나 함수의 이름, 예약어 등 작성하고 사용할 때에는 대소문자를 정확히 구분해야합니다.

 

자바스크립트에서 식별자를 작성할 때는 두 가지의 방법을 따를 수 있습니다.

  1. Camel Case
  2. Underscore Case

Camel Case방식이란 식별자가 여러 단어로 이루어져있는 경우 첫 번째 단어는 모두 소문자로 작성하고 그 다음 단어부터는 첫 문자만 대문자로 작성하는 방식입니다.

javaScript

Underscore Case방식이란 식별자를 이루는 단어들을 소문자로만 작성하고 그 단어들을 언더스코어로 연결하는 방식입니다.

java_script

자바스크립트의 문법은 다른 언어의 문법들과 유사하고 출력문만에서의 차이가 조금 있습니다.

  • window.alert() 메소드
  • HTML DOM 요소를 이용한 innerHTML 프로퍼티
  • document.wirte() 메소드
  • consloe.log() 메소드

자바스크립를 적용하는 방법은 내부 자바스크립트 코드로 적용하는 방법과 외부 자바스크립트 파일로 적용하는 방법이 있습니다. 내부 자바스크립트는 <script> 태그를 이용해 적용할 수 있으며 외부 자바스크립트 파일은 <script> 태그의 src 속성을 이용해 적용할 수 있습니다.

 

자바스크립트의 타입, 연산자, 제어문, 배열, 함수 등은 PHP, JAVA 등 다른 언어들과 유사하기 때문에 생략하고 객체부터 다루겠습니다.

 

 

 

 

 

728x90

'JavaScript' 카테고리의 다른 글

[JavaScript] 노드 리스트  (0) 2023.04.11
[JavaScript] 노드(node)  (0) 2023.04.08
[JavaScript] 문서 객체 모델(DOM)  (0) 2023.04.07
[JavaScript] 객체  (0) 2023.04.07
[JavaScript] 문자열 포함 확인하기  (0) 2023.02.24
profile

soominkim Study

@soominkim

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!

검색 태그