javascript 기본 문법 및 DOM

자바스크립트 기본 문법 이해하기 (변수생성,if,for,while,function,array,object 등)

• 변수

무언가를 담는 그릇

var // 변수 중복 가능
const // 변치 않을 값
let // 변수명 중복 안된다

• if

분기 등을 구성하는 조건

• for / while

  for = 정해진 횟수 만큼 반복되고 종료된다

  while = 조건이 참이면 실행된다

• fuction

  기능 / 함수

  만들어두고 재사용이 가능하며 관리의 편이성 혹은 수정의 편이성이 있다

• array

  배열 안에 여러 개의 값을 순차적으로 저장

• object

  모듈 시스템

  객체

  자주 쓰는 함수, 자료형들도 객체화 되어 있다

• 자바 스크립트 DOM 조작 이해하기

이해 한 것은 결국에는 소스의 조작을 안하고 외부에서의 조작으로 좀 더 편리하게 개발을 진행하기 위한 도구

document 는 html 을 말함
설계도처럼 표기
브라우저에 가야 실제 상품처럼 변환 즉 오브젝트로 변환된다.
속성이나 디자인 등을 할 수 있는 객체들로 실체화된 형체
js 로 조작할수 있다
js로 조작되지만 특정언어에 종속되지 않는다
라이브러리만 갖추면 조작 가능
api가 있어서 가능하다
돔 안에 각종 노드들이 트리 형태로 구성된다.
HTML XML 문서르 실체로 나타내는 API
csssom + dom => 브라우저(bom)
jquery -> 크로스 브라우징을 굳이 안해도 될 정도로 js가 발전했다
가상 dom
실제 dom을 조작하면 리소스 낭비
그리하여 가상 dom -> 미니어쳐 같은 것을 구성하여 리소스 낭비를 줄이고 좀 더 경제적으로 사용
가상 dom을 안써서 더 빠른 경우도 있다 -> 가상을 안하고 효율적으로 dom을 조작한다는 전제하에