[자바스크립트] 1. JavaScript

문정준's avatar
Mar 31, 2025
[자바스크립트] 1. JavaScript
 

1. ESLint 설치

  • JS 내 문법 확인이 가능한 Extension
notion image
 

2. JavaScript

✏️

HTML tag = JS dom

  1. html, css, js 문법은 전부 동일
  • js는 dom 제어를 위해 나옴
 
  1. css, js에 제공되는 함수는 다름 (브라우저마다)
 
  1. 좋은 함수를 제공해도 시장 장악이 안돼있으면 안씀 (브라우저의 점유율 = 수익)
 
  1. 브라우저가 js의 새로운 함수들을 만들어서 제공 : 시장 점유율 향상
 
  1. 독점 불가 : 시장 분할 - 개발자는 힘듬
  • 개발을 여러 번 해야 함 (브라우저마다 제공 함수가 다름)
 
  1. 표준 ECMA6 - JS2016
 
  1. 이전 문법체계 달라짐
  • 브라우저(a, b, c, d)
  • js2015 이전 / 2016 이후
 
  1. Babel : 2016으로 개발 -> 2015로 코드 변경시키는 프로그램 개발
 
  1. JS - JavaScript
  • 브라우저가 없으면 동작하지 않음 (브라우저 안에 자바스크립트 엔진 = JVM)
  • 기생 언어
  • 인터프리터 언어 (타입 추론 : let >> 레퍼런스 자료형 : 주소로 변수를 찾음)
 
  1. 자바스크립트 엔진 분리 Node.js -> 자바스크립트 런타임 환경
  • 브라우저 없이 개발
  • actor(html), 무대(browser), 대본(script)
  • script가 단독 실행 (Node.js)
 
  1. JS로 dom만 제어
 
 
Share article

sxias