[JavaScript] JavaScript 기초

🔻front-end🔻

1. HTML

블럭태그로 골격을 생성한다.

인라인태그로 내용물을 작성한다.

 

2. CSS

서식

 

3. JavaScript

프로그래밍 기능

 

 

🔻JavaScript🔻

• 브라우저에서 동작하는 프로그래밍 언어
• Netscape에서 자사 브라우저에 동작하는 프로그래밍 언어 개발했다.
• 기능이 적어 가볍고 쉽다.
• C 계열의 언어로 기본 구문이 자바와 유사하다.
• Java와는 무관하다.
• 원래는 LiveScript라고 불렸다.

 

🔻JavaScript의 역사🔻

• 초반(1990년대) : 폼태그 유효성 검사 + 링크 조작 + 이미지 조작 등 일부 태그의 BOM(Browser Object Model)의 기능을 수행했다.
• 중반(~2014년) : 모든 태그를 조작할 수 있는 DOM(Document Object Model)의 기능을 수행했다.
• 후반(~현재) : ES6(ECMA2015) > Modern JavaScript
  • ES6 > Node.js 출시
  • 비 브라우저 환경에 JavaScript 동작
  • 서버 구축 및 기타 프로그램이 제작 가능해졌다.

 

🔻JavaScript 하는 일🔻

1. 기본적인 프로그래밍 언어로서의 행동을 한다.

• 변수, 연산자, 제어문, 조작 등

2. 브라우저에만 할 수 있는 행동

• BOM, DOM
• HTML/CSS 조작
  • 1) HTML Element 생성/수정/삭제
  • 2) HTML Attribute 생성/수정/삭제
  • 3) HTML PCDATA 생성/수정/삭제
  • 4)CSS 속성(값) 생성/수정/삭제
  • 5) 폼 태그 조작(유효성 검사)
  • 6) 이미지 조작
  • 7) 링크 조작
  • 8) 기타 객체 조작

3. 서버 제작, 응용 프로그램 제작

• Node.js > ECMAScript
• Flash > ActionScript (현재는 사용하지 않는다)

4. 확장 라이브러리

• jQuery

5. JavaScript Framework

• Angular
• React
• Vue.js