본문 바로가기
국비/JavaScript

00. JavaScript의 기본

by suehyune12 2022. 9. 13.

 

자바스크립트(Javascript)



1. 퍼즐 조각처럼 코드형태로 HTML 페이지에 내장된다.
어떤 위치에 들어가도 상관없다.

2. 컴파일 과정 없이 브라우저 내부의 자바스크립트 처리기(인터프리터)에 의해 바로 실행된다.
● 인터프리터 - 번역파일 없이 바로 실행(사람의 언어를 번역하면서 바로 실행)
 컴파일 - 번역파일이 생기고 번역파일을 실행

※  개발의 발전을 통해 컴파일 과정이 가능해졌으며, Node.js로 서버환경을 구축한다. ※

인터프리터

 



웹 페이지에서 자바스크립트의 역활


웹 페이지는  3가지(HTML, CSS, JS)코드가 결합되어 작성된다.
자바 스크립트는 사용자의 입력을 처리하거나 웹 애플리케이션을 작성하는 등
웹 페이지의 동적 제어에 사용된다.


- 사용자의 입력 및 연산

HTML 폼은 입력 창만 제공하고,
키, 마우스의 입력과가 계산은 오직 자바스크립트로만 처리가 가능하다.


- 웹 페이지 내용 및 모양의 동적 제어

HTML 태그의 속성이나 콘텐츠, CSS 속성 값을 변경하여
웹 페이지에 동적인 변화를 일으키는 데에 활용된다.


- 브라우저 제어

브라우저 윈도우의 크기나 모양 변경, 새 윈도우나 탭 열기, 다른 웹 사이트 접속,
브라우저의 히스토리 제어 등 브라우저의 작동을 제어하는 데 활용된다.


- 웹 서버와의 통신(Ajax)

웹 페이지가 웹 서버와 데이터를 주고 받을 때 활용된다.


- 웹 애플리케이션 작성(API)

자바스크립트 언어로 활용할 수 있는 많은 API를 제공하므로,
웹 브라우저에서 실행되는 다양한 웹 애플리케이션을 개발할 수 있다.




자바스크립트 환경 설치

-Node.js 설치
https://nodejs.org/ko/download/

 

다운로드 | Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

LTS  → Windows Installer(.msi) 64bit download

 

 

'국비 > JavaScript' 카테고리의 다른 글

05. 코어 객체 : 이미 만들어진 객체  (0) 2022.09.15
04. 객체  (0) 2022.09.14
03. 함수  (0) 2022.09.14
02. 데이터 타입과 변수  (0) 2022.09.14
01. 작성 위치 & document.write( ) & 다이얼로그  (0) 2022.09.13