[Web programming]

• HTML5
• CSS3
• JavaScript
• jQuery : javascript 를 간단하게 하기 위해
• HTML5 API
  • 하이퍼 링크 이미지
  • 하이퍼 링크 텍스트 
• AJAX

---

• 웹표준에 기반한 웹사이트 개발은 필수!
• 디자인 : css
• HTML5
  • head 요소
  • body 요소
• 바디 끝에 javascript코드를 삽입하는게 좋음
  • html을 읽는 과정에 스크립트 만나면 중단 시점이 생기고 그 만큼 display에 표시되는게 지연됨
  • dom 트리가 생성되기전에 자바스크립트가 생성되지 않은 dom의 조작을 시도할 수 있다. 
  • https://velog.io/@takeknowledge/script-%ED%83%9C%EA%B7%B8%EB%8A%94-%EC%96%B4%EB%94%94%EC%97%90-%EC%9C%84%EC%B9%98%ED%95%B4%EC%95%BC-%ED%95%A0%EA%B9%8C%EC%9A%94

http://html5test.com/index.html

- 지금 사용하고 있는 브라우저 지원 점수

 

• css
  • 렌더링 
• javacript
  • 동적으로 변화시킬 목적으로 사용함 
    • 태그 내용을 변경할 수 있도록 접근 할 수 있어야 한다. 
    • 태그를 하나 하나 객체로 만들어서 접근 = DOM
  • 비교 연산자 : === (엄격한 등가연산)
    • 타입을 맞춰놓고 비교한다.
  • 배열
    • 자바보단 자바스크립트가 더 좋나봐?
  • 함수
    • 함수 이름 없이 만들땐 변수에 담아서 사용
    • 멤버 변수만 각각 할당하고, 메소드는 공유함 : 프로토 타입
    • 메소드 많을 땐, 객체 리터럴 방식 X
    • 데이터만 가지고 있을 때, 객체 리터럴 방식 사용함
  • DOM 객체
    • html태그들을 접근 할 때 사용함 
• AJAX
  • XML
    • 비동기 통신할 때 주고 받는 통신 
    • 목적에 따라 태그명 정할 수 있음
  • 재로드하지 않고 웹페이지의 일부부만 갱신