Link Search Menu Expand Document

Theory

Table of contents

What is JavaScript?

  • The only programming language for the Web
  • Backend has many options (Java, Python, Ruby, …)
    but, frontend we can only have JavaScript

HTML은 Markup Laguage, 태그를 사용하여 표시하는 언어
CSS는 Style Sheet, 꾸며주는 언어
∴ 프로그래밍 언어(기계가 동작하도록 명령을 시키는 언어)가 아님!

Why JavaScript?

  • All computers(browsers) can understand

Super Powers of JavaScript

for example…

  • get location
  • make real-time stuff and interactive stuff
  • make mobile/native applications, video games

something awesome😲 https://world-draw.appspot.com/draw

ECMA Script

  • Specification/manual/instruction of JavaScript
  • Browsers take ECMA Script and try to implement it in their ways

VanillaJS

JavaScript without library, low Javascript
  ⇒  fast, light-weight, cross-platform framework

<script> Tag in HTML

<body> 태그 안 맨 끝에 삽입
참고 <script> 태그는 어디에 위치해야 할까요?

Variables

keywordsscoperedeclarationreassign비고
varfunction𝖮𝖮Not Recommended
constblock({})𝖷𝖷since ES6
letblock({})𝖷𝖮since ES6


위 내용은 [노마드 코더] 바닐라 JS로 크롬 앱 만들기 를 참고하여 정리한 내용입니다.