📖 Javascript 란?

🚀 자바스크립트(JavaScript)란?

• 객체 기반의 스크립트 프로그래밍 언어
• 웹 페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어
• 자바스크립트로 작성한 프로그램을 스크립트(script) 라고 함
• 웹페이지의 HTML 안에 작성 가능하며, 페이지가 로드될 때 자동 실행됨

---

📌 자바스크립트의 특징

✅ 브라우저에서 자바스크립트로 할 수 있는 일

• 페이지에 새로운 HTML을 추가하거나 기존 HTML 및 스타일 수정
• 사용자의 행동 (마우스 클릭, 키보드 입력 등)에 반응하기
• 네트워크를 통해 원격 서버에 요청을 보내거나, 파일 다운로드 및 업로드하기
• 쿠키를 가져오거나 설정하기, 사용자에게 질문을 건네거나 메시지를 보여주기
• 클라이언트 측에 데이터 저장하기 (로컬 스토리지)

❌ 브라우저에서 자바스크립트로 할 수 없는 일

• 웹페이지 내 스크립트는 디스크에 저장된 임의의 파일을 읽거나 실행하는 것이 제한됨

  카메라나 마이크 같은 디바이스와 상호 작용하려면 사용자의 명시적인 허가가 필요함

• 브라우저 내 다른 탭과 창의 정보 접근 불가

  단, 자바스크립트로 새 창을 열 경우 예외가 적용되지만, 도메인, 프로토콜, 포트가 다르면 접근 불가

• 자바스크립트는 서버와 쉽게 정보를 주고받을 수 있지만, 타 사이트나 도메인의 데이터 접근은 불가능

  원격 서버에서 명확하게 승인(CORS 설정) 해야 함

---

📜 자바스크립트의 배경

자바스크립트는 빠르게 개발되고, 개방적이며, 많은 사람들이 사용할 수 있도록 설계됨
다양한 언어의 장점을 결합하여 만들어짐

기여한 언어	특징
자바(Java)	문법 구조
스키마(Scheme)	일급 객체, 클로저
하이퍼토크(HyperTalk)	브라우저 이벤트 처리
펄(Pearl), 파이썬(Python)	문자열, 배열, 정규표현식
셀프(Self)	프로토타입 확장
오크(Oak)	함수

---

🎯 ECMAScript와 JavaScript

JavaScript는 프로그래밍 언어이고, ECMAScript(ES)는 JavaScript의 명세(표준)

용어	설명
JavaScript	프로그래밍 언어
ECMAScript	JavaScript의 표준 명세
TC39	ECMAScript 표준을 관리하는 조직
Babel	최신 JavaScript를 하위 버전에서도 사용할 수 있도록 변환하는 도구

🔹 ECMAScript 버전

• ES1, ES2, ES3... 최신 버전으로 발전 중
• ES6(ES2015) 이후 화살표 함수, let, const, Promise 등 추가됨

---

🌍 자바스크립트 Everywhere

분야	기술
브라우저	IE, Chrome, Firefox (V8 엔진)
서버	Node.js
패키지 매니저	npm
AJAX	비동기 데이터 요청
라이브러리	jQuery, JSON, React

⚡ V8 엔진 & Node.js

• V8 엔진 : Google Chrome에서 사용하는 JavaScript 엔진
• Node.js : Chrome V8 엔진을 기반으로 한 JavaScript 런타임 ➡️ 자바스크립트를 실행시켜줄 수 있는 환경 ➡️ 환경을 통해서 서버를 구축

  console.log("Hello, Node.js!");

📲 JavaScript의 활용

• Facebook 앱 : React로 개발됨
• Electron : 자바스크립트를 사용해 데스크탑 애플리케이션 개발 가능
• VSCode, Slack, Notion 모두 Electron 기반
• 개발자 도구(F12)에서 자바스크립트 코드 확인 가능

🚀 크로스 플랫폼 개발 가능

• HTML + CSS + JavaScript 활용 → 다양한 플랫폼에서 사용 가능
• React Native : 모바일 앱 개발
• Electron : 데스크탑 앱 개발 (Windows, Mac 지원)
• Node.js : 서버 개발

---

📚 참고 문헌

🔗 JAVASCRIPT.INFO