우주먼지
article thumbnail
Published 2023. 2. 25. 12:09
JavaScript Languages/JavaScript

💡 JavaScript

자바스크립트는 웹 브라우저에서 HTML, CSS를 동적으로 제어하기 위해서 만들어졌다.

하지만, 오늘날의 자바스크립트는 웹브라우저의 영역에서 벗어나 다양한 용도로 사용되고 있다.

 

예를 들면 Node.js, Google Script, PDF 등 각종 데스크탑 위젯에서도 적용될 수 있는 내용이다.

 

Node.js 기반의 웹서버 구축을 위해 학습 할 것이므로 HTML 관련 내용은 적지 않겠음.


자바스크립트와 자바의 차이

 

Java

  • 클래스 기반의 언어, 계층 구조를 통한 모든 상속와 함께 클래스 & 인스턴스로 나뉨
  • 클래스 & 인스턴스는 동적으로 추가된 속성이나 메서드를 가질 수 없음
  • 변수 자료형은 반드시 선언되어야 함 (Static Typing)
  • 하드 디스크에 자동 작성 가능
  • 컴파일 과정 존재
  • 실행 환경 - JVM

 

JavaScript

  • 객체 기반의 언어, 객체의 형 간에 차이가 없음
  • 프로토타입 메커니즘을 통한 상속
  • 변수 자료형이 선언되지 않음 (Dynamic Typing)
  • 하드 디스크에 자동 작성 불가
  • 컴파일 과정 없음
  • 실행 환경 - 웹 브라우저

 

Java 활용

Apache, JBoss, Geronimo, GlassFish 등

안드로이드, B2B Service, 빅 데이터, 과학 연구를 위한 작업, 하드웨어 프로그래밍

 

JavaScript 활용

JQuery, Angular JS, Backbone JS, Ember JS, React JS 등

Node JS, MongoDB, Express JS 등

React Native, Phone Gap 등을 이용한 모바일 앱 개발


웹 페이지에서 자바스크립트 작성

 

alert() = 경고창에 해당 문구 출력

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf=8"/>
  </head>
  <body>
    <script>
      alert('Hello World');
    </script>
  </body>
</html>

 

메모장을 이용한다면 아래에 강조된 부분처럼 설정 후 저장

VS Code & Sublime Text와 같은 에디터의 도입을 고려하자

메모장을 이용해 저장

 

크롬을 사용한다면 Ctrl + Shift + J를 눌러 개발자도구에서 자바스크립트를 간단히 실행 가능하다.

'Languages > JavaScript' 카테고리의 다른 글

Javascript  (0) 2022.08.01
profile

우주먼지

@o귤o

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

검색 태그