"자바스크립트"의 두 판 사이의 차이

2022년 4월 9일 (토) 03:42 기준 최신판

자바스크립트(JavaScript)

브렌든 아이크(Brendan Eich)

자바스크립트(JavaScript)는 미국 넷스케이프(Netscape)의 브렌든 아이크(Brendan Eich)가 개발한 스크립트 프로그래밍 언어이다. 약칭 JS라고도 쓴다. 자바스크립트는 표준 HTML 문서 내에 삽입되어 사용되며, 인터랙티브한 웹 페이지를 만들 수 있게 한다. 자바스크립트는 자바(Java) 언어와 이름은 비슷해도, 기능상 아무런 관련이 없다. 자바스크립트 언어를 사용하여 만든 암호화폐에는 리스크(Lisk), 웨이브즈(Waves), 시그마체인(Sigma Chain) 등이 있다.

역사[편집]

자바스크립트는 1995년 미국 넷스케이프(Netscape)의 브렌든 아이크(Brendan Eich)가 개발하였다. 당시 자바(Java)는 새로운 언어였기 때문에, 자바 구문과 최대한 비슷하게 만들었다. 그 결과가 자바스크립트였는데, 개발 초기에는 모카(Mocha)라는 이름을 사용했다. 모카는 1995년 9월에 라이브스크립트(LiveScript)로 이름을 바꾸었고, 당시에 자바가 인기를 끌자 마케팅효과를 노려서 우리가 흔히 아는 자바스크립트(JavaScript)로 이름을 바꾸었다. 이후 자바의 기술은 여러 방면으로 발전했으며, 이에 대한 표준 명세를 ECMA 인터내셔널에서 관리하고 있다.

특징[편집]

자바(java)와 자바 스크립트가 서로 비슷하다고 생각하는 경우가 있는데, 사실 두 프로그래밍 언어는 같은 자바(Java)라는 단어를 사용하지만 전혀 다르다.

자바(Java)와 자바스크립트(JS)의 차이점

작동 원리[편집]

자바스크립트의 작동 원리

웹브라우저가 웹 페이지를 저장하면 HTML 파서(parser)가 HTML 코드를 번역하고 DOM을 작성한다. 파서가 CSS 혹은 자바스크립트 지시문을 발견할 때마다 필요에 따라서 CSS 파서 또는 자바스크립트 엔진에 전달된다. 자바스크립트 엔진은 외부 자바스크립트 파일과 인라인 코드를 로딩하지만 코드를 즉시 실행하지 않고 HTML 및 CSS 구문 분석이 완료될 때까지 기다린다. 이 작업이 완료되면 자바스크립트는 웹 페이지에서 발견된 순서대로 실행시킨다. 변수 및 함수가 정의되고 함수 호출이 실행되며 이벤트 핸들러가 트리거된다. 이러한 활동으로 인해 자바스크립트가 업데이트되고, DOM이 업데이트되고, 브라우저에서 즉시 렌더링된다.^[1]

구성요소[편집]

BOM[편집]

BOM은 Browser Object Model의 약자로서, 웹브라우저와 관련된 객체로 구성되며, 웹브라우저를 프로그래밍적으로 제어할 수 있는 수단이다.

Window
Navigator
Location
History
Document
Screen

DOM[편집]

DOM은 Document Object Model의 약자로서, 웹 문서를 수정·조작할 때 유의해야 하는 규칙을 브라우저 제조사들만의 기술로 기능을 구현한 것이다. 웹 표준은 W3C DOM 인터페이스를 따른다.

Element 제어부
Style 제어부
Attribute 제어부
Event 제어부

코어[편집]

코어(core)는 자바스크립트의 기본적인 문법, 조건문, 함수, 반복문, 데이터 타입, 구조 등을 포함한다. 프로그래밍을 배울 때 처음 배우는 기초적 문법에 해당한다.^[2]

장단점[편집]

장점[편집]

자바스크립트는 다른 언어와 달리 컴파일 과정이 존재하지 않기 때문에 빠르게 스크립트 코드 작성과 실행이 가능하다.
웹브라우저에서 동작하는 스크립트 언어이기 때문에 운영체제(OS)를 가리지 않고 프로그램의 실행이 가능하다.
웹 브라우저 밖에서 실행할 수 있는 Node.js라는 실행환경이 나와서 자바스크립트는 다양한 용도로 쓰이고 있다.

단점[편집]

객체와 객체 함수가 제한적이어서 기능 또한 제한적이다.
HTML 소스 코드 안에 포함되어 작성되기 때문에 소스 코드가 외부로 공개되서 보안상 취약점이 발생할 수 있다.

활용[편집]

리스크

웨이브즈

시그마체인

자바스크립트 언어를 사용하여 만든 암호화폐에는 리스크, 웨이브즈, 시그마체인 등이 있다.

리스크(Lisk) : 자바스크립트(JavaScript) 기반의 노드제이에스(node.js) 언어로 만든 암호화폐이다. 사이드체인 기술을 사용했다.
웨이브즈(Waves) : 리스지분증명(Leased PoS) 합의 알고리즘을 사용하는 암호화폐이다. 2016년 러시아의 알렉산더 사샤 이바노프(Alexander Sasha Ivanov)가 스칼라(Scala)와 자바스크립트(JavaScript) 언어를 사용하여 개발했다. 채굴이 없이 리스지분증명(LPoS) 방식으로 신규 코인을 발행한다.
시그마체인(Sigma Chain) : 이중위임지분증명(DDPoS) 합의 알고리즘을 사용하는 블록체인 플랫폼이다. ㈜싸이월드 개발책임자 출신인 곽진영이 고(Go)와 노드제이에스(node.js) 언어를 사용하여 개발했다.

각주[편집]

↑ Jay Sridhar, "What Is JavaScript and How Does It Work?", MUO, 2017-10-02
↑ 흉내쟁이, 〈자바스크립트 구성요소〉, 《WEBDIR 블로그》, 2016년

같이 보기[편집]

이 자바스크립트 문서는 프로그래밍에 관한 글로서 검토가 필요합니다. 위키 문서는 누구든지 자유롭게 편집할 수 있습니다. [편집]을 눌러 문서 내용을 검토·수정해 주세요.

개발 : 프로그래밍^□^■^⊕, 소프트웨어, 데이터, 솔루션, 보안, 하드웨어, 컴퓨터, 사무자동화, 인터넷, 모바일, 사물인터넷, 게임, 메타버스, 디자인

프로그래밍 언어	ASP • C 언어 • C++ • C# • CSS • D 언어 • HTML • HTML5 • JSP • PHP • R • XHTML • XML • XSLT • 고(Go) • 고급언어 • 기계어 • 델파이 • 러스트 • 루비 • 루아 • 리액트 • 리퀴디티 • 무브 • 미켈슨 • 베이직 • 브이비스크립트 • 비주얼 C++ • 비주얼베이직(VB) • 비주얼베이직닷넷(VB.NET) • 솔리디티 • 스몰토크 • 스위프트 언어 • 스칼라 • 스크립트 언어 • 알골 • 어셈블리 • 언리얼스크립트 • 얼랭 • 에이잭스(Ajax) • 엠에프씨(MFC) • 오브젝티브-C • 오브젝트 파스칼 • 오카멜 • 웹어셈블리(WASM) • 이와즘(eWASM) • 자바 • 자바스크립트 • 저급언어 • 제이슨(JSON) • 제이쿼리(jQuery) • 카멜 • 코볼 • 코틀린 • 콜드퓨전 • 타입스크립트 • 파스칼 • 파워스크립트 • 파이썬 • 펄(Perl) • 포트란 • 프로씨(Pro-C) • 피엘에스큐엘(PL/SQL) • 피엘원(PL/I) • 하스켈

개발방법론	CBD 개발방법론 • EA • 구조적 개발방법론 • 객체지향 개발방법론 • 라이브러리 • 람다 아키텍처 • 모듈 • 모듈화 • 벤치마킹 • 소프트웨어 개발방법론 • 스크럼 • 스프린트 • 아키텍처 • 아키텍트 • 애자일 • 웹개발방법론 • 정보공학 개발방법론 • 컴포넌트 • 테일러링 • 템플릿 • 폭포수 모델 • 프로젝트 • 프로토타입 • 피드백

코딩	EUC-KR • UTF-8 • 값 • 글루웨어 • 노팔로우 링크 • 두팔로우 링크 • 디버깅 • 디코딩 • 마크업 • 버그 • 부트스트랩 • 세이브포인트 • 소스코드 • 시큐어코딩 • 아스키 • 액티브엑스 • 오픈소스 • 유니코드 • 인코딩 • 재컴파일 • 주석 • 컴파일 • 컴퓨터 프로그램 • 코드 • 코딩 • 태그 • 테스트 • 테이블 • 텍스트 • 파싱 • 퍼블리싱 • 퓨니코드 • 하드코딩 • 하이퍼링크 • 하이퍼텍스트

프로그래밍	C 명령어 • 객체 • 객체지향 • 객체지향 프로그래밍 • 거짓 • 관계연산자 • 기본형 변수 • 널 • 논리 • 논리연산 • 논리연산자 • 다중상속 • 다형성 • 대입 • 대입문 • 대입연산자 • 더블 • 도스 명령어 • 디폴트 • 레지스터변수 • 루프 • 리눅스 명령어 • 리턴 • 메모리 주소 • 메소드 • 멤버 • 명령문 • 명령어 • 무한루프 • 문자 • 문자열 • 바이트 • 반복문 • 배열 • 변수 • 분기 • 분기문 • 불린 • 브레이크 • 비교연산자 • 비트연산자 • 산술연산자 • 상속 • 상수 • 생성자 • 선언 • 선언문 • 설정자 • 속성 • 스위치 • 스태틱 • 시프트연산자 • 실행 • 실행문 • 어노테이션 • 에코 • 역참조 • 연산 • 연산문 • 연산자 • 오버로딩 • 오버라이딩 • 외부변수 • 윈도우 명령어 • 유닉스 명령어 • 인스턴스 • 인스트럭션 • 인클루드 • 인터페이스 • 임포트 • 입력 • 입력문 • 입출력 • 입출력문 • 자료형(데이터 타입) • 자바 명령어 • 자바 예약어 • 자바 컬렉션 • 전역변수 • 접근자 • 접근제어자 • 정보은닉 • 정수형 • 정적변수 • 제어 • 제어문 • 제어자 • 조건 • 조건문 • 조건연산자 • 주소 • 증감연산자 • 지역변수 • 참 • 참조 • 참조변수 • 초기화 • 추상메소드 • 추상클래스 • 추상화 • 출력 • 출력문 • 캡슐화 • 케이스 • 클래스 • 파라미터(매개변수) • 파이널 • 패키지 • 퍼블릭 • 포인터 • 프라이빗 • 프로텍티드 • 필드(멤버변수) • 함수 • 환경변수

명령어	abstract • array • boolean • break • byte • case • char • continue • default • double • do while • echo • elif • else • else if • false • final • float • for • gosub • goto • if • if else • import • include • int • join • long • long long • null • print • printf • println • private • protected • public • return • scanf • short • stdio.h • static • string • switch • temp • then • true • unsigned • void • while

디자인패턴	구조패턴 • 동시성패턴 • 동시실행패턴 • 모델-뷰-컨트롤러 패턴 • 상태패턴 • 생성패턴 • 싱글톤패턴 • 아키텍처패턴 • 전략패턴 • 커맨드패턴 • 행동패턴

프로그래밍 인물	귀도 반 로썸 • 그레이스 머레이 호퍼 • 니클라우스 비르트 • 댄 브릭클린 • 더그 커팅 • 데니스 리치 • 리누스 토르발스 • 리처드 그린블라트 • 마거릿 해밀턴 • 마크 앤드리슨 • 빈트 서프 • 빌 게이츠 • 빌 조이 • 스티브 잡스 • 에이다 러브레이스 • 제임스 고슬링 • 척 벤턴 • 켄 톰슨 • 팀 패터슨

위키 : 자동차, 교통, 지역, 지도, 산업, 기업, 단체, 업무, 생활, 쇼핑, 블록체인, 암호화폐, 인공지능, 개발, 인물, 행사, 일반

[1] Jay Sridhar, "What Is JavaScript and How Does It Work?", MUO, 2017-10-02

[2] 흉내쟁이, 〈자바스크립트 구성요소〉, 《WEBDIR 블로그》, 2016년

[1]

[2]

@@ 1번째 줄: / 1번째 줄: @@
-'''자바스크립트'''(Javascript)는 미국 [[넷스케이프]](Netscape)의 [[브렌던 아이크]](Brendan Eich)가 개발한 [[스크립트 프로그래밍 언어]]이다. 약칭 '''JS'''라고도 쓴다. 자바스크립트는 표준 [[HTML]] 문서 내에 삽입되어 사용되며, 인터랙티브한 웹 페이지를 만들 수 있게 한다. 자바스크립트는 [[자바]](Java) 언어와 이름은 비슷해도, 기능상 아무런 관련이 없다.
+[[파일:자바스크립트 로고.png|썸네일|200픽셀|'''자바스크립트'''(JavaScript)]]
+[[파일:자바스크립트 글자.png|썸네일|300픽셀|'''자바스크립트'''(JavaScript)]]
+[[파일:브렌든 아이크.jpg|썸네일|200픽셀|'''[[브렌든 아이크]]'''(Brendan Eich)]]
+'''자바스크립트'''(JavaScript)는 미국 [[넷스케이프]](Netscape)의 '''[[브렌든 아이크]]'''(Brendan Eich)가 개발한 [[스크립트 프로그래밍 언어]]이다. 약칭 '''JS'''라고도 쓴다. 자바스크립트는 표준 [[HTML]] 문서 내에 삽입되어 사용되며, 인터랙티브한 웹 페이지를 만들 수 있게 한다. 자바스크립트는 [[자바]](Java) 언어와 이름은 비슷해도, 기능상 아무런 관련이 없다. 자바스크립트 언어를 사용하여 만든 [[암호화폐]]에는 [[리스크]](Lisk), [[웨이브즈]](Waves), [[시그마체인]](Sigma Chain) 등이 있다.
 == 역사 ==
-자바스크립트는 1995년 미국 [[넷스케이프]](Netscape)의 [[브렌던 아이크]](Brendan Eich)가 개발하였다. 당시 자바(Java)는 새로운 언어였기 때문에, 자바 구문과 최대한 비슷하게 만들었다. 그 결과가 자바스크립트였는데, 개발 초기에는 '''모카'''(Mocha)라는 이름을 사용했다. 모카는 1995년 9월에 '''라이브스크립트(LiveScript)'''로 이름을 바꾸었고, 당시에 자바가 인기를 끌자 마케팅효과를 노려서 우리가 흔히 아는 자바스크립트(JavaScript)로 이름을 바꾸었다. 이후 자바의 기술은 여러 방면으로 발전했으며, 이에 대한 표준 명세를 ECMA 인터내셔널에서 관리하고 있다.
+자바스크립트는 1995년 미국 [[넷스케이프]](Netscape)의 [[브렌든 아이크]](Brendan Eich)가 개발하였다. 당시 [[자바]](Java)는 새로운 언어였기 때문에, 자바 구문과 최대한 비슷하게 만들었다. 그 결과가 자바스크립트였는데, 개발 초기에는 '''모카'''(Mocha)라는 이름을 사용했다. 모카는 1995년 9월에 '''라이브스크립트'''(LiveScript)로 이름을 바꾸었고, 당시에 자바가 인기를 끌자 마케팅효과를 노려서 우리가 흔히 아는 자바스크립트(JavaScript)로 이름을 바꾸었다. 이후 자바의 기술은 여러 방면으로 발전했으며, 이에 대한 표준 명세를 ECMA 인터내셔널에서 관리하고 있다.
 == 특징 ==
 [[자바]](java)와 자바 스크립트가 서로 비슷하다고 생각하는 경우가 있는데, 사실 두 프로그래밍 언어는 같은 '''자바'''(Java)라는 단어를 사용하지만 전혀 다르다.
-[[파일:차이점.PNG]]
+[[파일:차이점.PNG|썸네일|600픽셀|가운데|'''[[자바]]'''(Java)와 '''자바스크립트'''(JS)의 차이점]]
 == 작동 원리 ==
 [[파일:작동유형.png|오른쪽|400픽셀|썸네일|자바스크립트의 작동 원리]]
-[[웹 브라우저]]가 웹 페이지를 저장하면 [[HTML]] [[파서]](parser)가 [[HTML]] 코드를 번역하고 DOM을 작성한다. 파서가 [[CSS]] 혹은 자바스크립트 지시문을 발견할 때마다 필요에 따라서 CSS 파서 또는 자바스크립트 엔진에 전달된다. 자바스크립트 엔진은 외부 자바스크립트 파일과 인라인 코드를 로딩하지만 코드를 즉시 실행하지 않고 HTML 및 CSS 구문 분석이 완료될 때까지 기다린다. 이 작업이 완료되면 자바스크립트는 웹 페이지에서 발견된 순서대로 실행시킨다. 변수 및 함수가 정의되고 함수 호출이 실행되며 [[이벤트 핸들러]]가 [[트리거]]된다. 이러한 활동으로 인해 자바스크립트가 업데이트되고, DOM이 업데이트되고, 브라우저에서 즉시 [[렌더링]]된다.<ref>Jay Sridhar, "[https://www.makeuseof.com/tag/what-is-javascript/ What Is JavaScript and How Does It Work?]", ''MUO'', 2017-10-02</ref>
+[[웹브라우저]]가 웹 페이지를 저장하면 [[HTML]] [[파서]](parser)가 [[HTML]] 코드를 번역하고 DOM을 작성한다. 파서가 [[CSS]] 혹은 자바스크립트 지시문을 발견할 때마다 필요에 따라서 CSS 파서 또는 자바스크립트 엔진에 전달된다. 자바스크립트 엔진은 외부 자바스크립트 파일과 인라인 코드를 로딩하지만 코드를 즉시 실행하지 않고 HTML 및 CSS 구문 분석이 완료될 때까지 기다린다. 이 작업이 완료되면 자바스크립트는 웹 페이지에서 발견된 순서대로 실행시킨다. 변수 및 함수가 정의되고 함수 호출이 실행되며 [[이벤트 핸들러]]가 [[트리거]]된다. 이러한 활동으로 인해 자바스크립트가 업데이트되고, DOM이 업데이트되고, 브라우저에서 즉시 [[렌더링]]된다.<ref>Jay Sridhar, "[https://www.makeuseof.com/tag/what-is-javascript/ What Is JavaScript and How Does It Work?]", ''MUO'', 2017-10-02</ref>
 == 구성요소 ==
 === BOM ===
-BOM은 Browser Object Model의 약자로서, [[웹 브라우저]]와 관련된 객체로 구성되며, 웹 브라우저를 프로그래밍적으로 제어할 수 있는 수단이다.
+BOM은 Browser Object Model의 약자로서, [[웹브라우저]]와 관련된 객체로 구성되며, 웹브라우저를 프로그래밍적으로 제어할 수 있는 수단이다.
 * Window
 * Navigator
@@ 35번째 줄: / 41번째 줄: @@
 === 장점 ===
 * 자바스크립트는 다른 언어와 달리 [[컴파일]] 과정이 존재하지 않기 때문에 빠르게 스크립트 코드 작성과 실행이 가능하다.
-* [[C 언어|C]], [[자바]]와는 다르게 간단하고 단순한 구조와 규칙을 가지고 있기 때문에 쉽게 배울 수 있다.
+* [[웹브라우저]]에서 동작하는 [[스크립트 언어]]이기 때문에 [[운영체제]](OS)를 가리지 않고 프로그램의 실행이 가능하다.
-* [[웹 브라우저]]에서 동작하는 [[스크립트 언어]]이기 때문에 [[운영체제]](OS)를 가리지 않고 프로그램의 실행이 가능하다.
+* 웹 브라우저 밖에서 실행할 수 있는 Node.js라는 실행환경이 나와서 자바스크립트는 다양한 용도로 쓰이고 있다.
 === 단점 ===
 * 객체와 객체 함수가 제한적이어서 기능 또한 제한적이다.
-* 개발할 수 있는 도구가 적다.
 * [[HTML]] 소스 코드 안에 포함되어 작성되기 때문에 소스 코드가 외부로 공개되서 보안상 취약점이 발생할 수 있다.
 == 활용 ==
-자바스크립트 언어를 사용하여 만든 [[암호화폐]]에는 [[웨이브]]와 [[리스크]]가 있다.
+{{로고블록150|리스크||웨이브즈||시그마체인||}}
-* '''[[웨이브]]'''<!--웨이브즈-->(Waves) : [[리스지분증명]](Leased PoS) [[합의 알고리즘]]을 사용하는 [[암호화폐]]이다. 2016년 러시아의 [[사샤 이바노프]](Sasha Ivanov)가 [[스칼라]](Scala)와 자바스크립트(JavaScript) 언어를 사용하여 개발했다. [[채굴]]이 없이 리스지분증명(LPoS) 방식으로 신규 코인을 발행한다.
+자바스크립트 언어를 사용하여 만든 [[암호화폐]]에는 [[리스크]], [[웨이브즈]], [[시그마체인]] 등이 있다.
 * '''[[리스크]]'''(Lisk) : 자바스크립트(JavaScript) 기반의 [[노드제이에스]](node.js) 언어로 만든 [[암호화폐]]이다. [[사이드체인]] 기술을 사용했다.
+* '''[[웨이브즈]]'''<!--웨이브-->(Waves) : [[리스지분증명]](Leased PoS) [[합의 알고리즘]]을 사용하는 [[암호화폐]]이다. 2016년 러시아의 [[알렉산더 사샤 이바노프]](Alexander Sasha Ivanov)가 [[스칼라 (프로그래밍)|스칼라]](Scala)와 [[자바스크립트]](JavaScript) 언어를 사용하여 개발했다. [[채굴]]이 없이 리스지분증명(LPoS) 방식으로 신규 코인을 발행한다.
+* '''[[시그마체인]]'''(Sigma Chain) : [[이중위임지분증명]](DDPoS) [[합의 알고리즘]]을 사용하는 블록체인 플랫폼이다. [[㈜싸이월드]] 개발책임자 출신인 [[곽진영]]이 [[고]](Go)와 [[노드제이에스]](node.js) 언어를 사용하여 개발했다.
 {{각주}}
@@ 56번째 줄: / 64번째 줄: @@
 * [[자바]]
 * [[넷스케이프]]
-* [[브렌던 아이크]]
+* [[브렌든 아이크]]
+{{프로그래밍 언어|검토 필요}}
-[[분류:프로그래밍 언어]]
 [[분류:스크립트 언어]]

위키원

이름공간

변수

보기

더 보기

검색