Javascript was initially created to "make web pages alive"
<p>name : zaeyon</p>
p { font-family: "helvetica neue", helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-align: center; border: 3px solid rgba(225, 0, 0, 0.6); background: rgba(255, 255, 0, 0.3); color: black; box-shadow: 1px 1px 2px rgba(0, 0, 200, 0.4); border-radius: 10px; padding: 7px 14px; display: inline-block; cursor: pointer; }
<link rel="stylesheet" href="style.css" /> <p>name : zaeyon</p>
<link rel="stylesheet" href="style.css" /> <p>name : zaeyon</p> <script> const para = document.querySelector("p"); para.addEventListener("click", updateName); function updateName() { const name = prompt("Enter a new name"); para.textContent = `name : ${name}`; } </script>
AJAX
: Asynchronous JavaScript and XML의 약자로, 자바스크립트와 XML을 이용한 비동기적 정보 교환 기법이다. SPA(싱글 페이지앱)의 기반이 되었다.
JQuery
: 웹사이트에 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소스 기반의 자바스크립트 라이브러리이다.2세대 UI 라이브러리(React, Vue, Angular)의 등장으로 하락세를 보이고 있다.
Node.js
: 자바스크립트로 브라우저 밖에서 서버를 구축하거나 다양한 자바스크립트 애플리케이션을 실행할 수 있는 런타임 환경이다.
React
: 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리이다. 현재 가장 많이 쓰이는 UI 라이브러리중 하나이다.
React Native
: React기반으로 모바일 크로스 플랫폼(iOS, Android) 어플리케이션의 UI을 만들기 위한 자바스크립트 라이브러리이다.
Angular
: 타입스크립트 기반의 개발 플랫폼으로 확장가능한 컴포넌트 구조의 웹 애플리케이션을 만드는 프레임워크 이다.
Vue
: 사용자 인터페이스를 만들기 위한 자바스크립트 프레임워크이다. React와 함께 현재 가장 많이 쓰인다.
Electron
: 자바스크립트 기반의 데스크탑 크로스 플랫픔(Window, macOS, Linux) 어플리케이션을 만들기 위한 프레임워크이다.
TypeScript
: 자바스크립트에 정적 타입을 명시할 수 있는 프로그래밍 언어로 자바스크립트의 타입 에러들을 미리 해결 할 수 있다.