이롭게 현명하게

[JavaScript] 자바스크립트 시작하기 본문

웹 개발/JavaScript

[JavaScript] 자바스크립트 시작하기

dev_y.h 2023. 11. 24. 18:55
728x90
반응형

 

목차

 

개요

기초

소개

 

 

[자바스크립트 개요]

HTML : 웹의 내용을 작성

CSS : 웹을 디자인

JavaScript : 객체(object) 기반의 스크립트 언어로 웹의 동작을 구현할 수 있다.

 

자바스크립트는 주로 웹 브라우저에서 사용되나 Node.js 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다.

컴퓨터, 스마트 폰에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어있다.

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>JavaScript Intro</title>
    <script>
        document.write("<h2>여러분을 환영합니다!!</h2>")
    </script>
</head>
<body>
    <noscript>
        <p>여러분의 웹 브라우저가 자바스크립트를 지원하지 않습니다!</p>
    </noscript>
</body>
</html>

[자바스크립트 기초]

자바스크립트를 배우기 전에 필요한 기초 지식은 HTML과 CSS이다.

 

<특징>

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

🤔 인터프리터 언어?

c언어와 같은 언어는 소스 파일을 작성한 후해당 파일을 컴파일(compile)하여 사용자가 실행할 수 있는 실행 파일로 만들어 사용한다.

c언어 컴파일 과정

 

하지만 인터프리터 언어는 이러한 컴파일 작업을 거치지 않고, 소스 코드를 바로 실행할 수 있는 언어를 말한다.

자바스크립트는 웹 브라우저에 포함된 자바스크립트 인터프리터가 소스코드를 직접 해석하여 바로 실행해 준다.

스크립트 언어 와 컴파일언어 비교

 

<자바와 자바스크립트>

자바와 자바스크립트는 단어가 비슷해서 서로 관련 있는 언어라고 생각하기 쉽다.

하지만 두 언어는 서로 관련이 없다.

자바 자바스크립트
컴파일 언어 인터프리터 언어
타입 검사를 엄격하게 함 타입을 명시하지 않음
클래스(class) 기반의 객체지향 언어 프로토타입(prototype) 기반의 객체지향 언어

 

[자바스크립트 소개]

<자바스크립트로 할 수 있는 일>

  1. HTML의 '내용' 변경
  2. HTML의 '속성' 변경
  3. HTML의 '스타일'변경

<자바스크립트를 사용해야 하는 이유>

  1. 서버의 부하를 줄일 수 있다.
  2. 정적인 사이트를 동적인 사이트로 만들 수 있다.
  3. 인터렉티브 한 사이트를 만들 수 있다.
  4. 다양한 라이브러리 언어를 활용할 수 있다.

 

또한, 자바스크립트 언어에 대한 더 자세한 설명은 모질라 개발자 사이트(MDN)를 참고하면 된다.

https://developer.mozilla.org/ko/docs/Web/JavaScript

 

JavaScript | MDN

JavaScript (JS)는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼

developer.mozilla.org

 

 

 

 

[JavaScript] 자바스크립트 시작하기 / 개발환경

목차 내부 자바스크립트 코드 외부 자바스크립트 코드 자바스크립트를 적용하기 위해서는 에디터가 필요하다. [vscode 설치하기] [VSCODE] VSCODE 설치 / Visual Studio Code 설치하기 목차 VSCODE 설치 VSCODE

devyihyun.tistory.com

잘못된 정보는 댓글에 남겨주시면 감사하겠습니다!😊

댓글과 좋아요는 큰 힘이 됩니다!

 

 

728x90
반응형
저작자표시 비영리 변경금지

'웹 개발 > JavaScript' 카테고리의 다른 글

[JavaScript] 자바스크립트 출력하기  (1) 2023.11.28
[JavaScript] 자바스크립트 시작하기 / 개발환경  (1) 2023.11.27
[JavaScript] 배열 내장 함수  (0) 2023.11.21
[JavaScript] 자바스크립트 Scope와 hoisting  (0) 2023.05.18
[JavaScript] 자바스크립트 spread와 rest  (0) 2023.05.17
'웹 개발/JavaScript' Related Articles more
Comments