FANDOM


CSSJavaScript도 중요하다. 물론 각각은 각각의 스펙이 따로 있지 하나로 뭉쳐있지는 않다.

  1. HTML5 = 구조
  2. CSS = 리소스
  3. JavaScript = 움직임

스펙 Edit

HTML5의 구조 Edit

HTML5의 요소 Edit

기타 Edit

  • javascript -> jquery(javascript 간략) & ajax
  • html element + css + javascript = HTML5
  • SQL 쿼리 쉽게 하기 (iBatis, Hibernate)
  • 서비스 기반 아키텍쳐 (SOA) - IBM, Oracle.
 보통 전사적으로는 엔터프라이즈 아키텍쳐 (EA) 가 보통임.
  • 웹서비스 - 그 중 일부는 OpenAPI가 포함.
  • HTML 기본 메소드는 CRUD 그런데 SOAP은 HTML 메소드 직접 요청, RESTful은 걍 API
    • 빈번한 요청은 RESTful 유리하다고는 하지만?
  • REST 아키텍쳐 : http://bcho.tistory.com/321
  • span 태그 통해서 바로 편집 가능하며, 코딩 좀만 더 해서 포커스 벗어나면 바로 저장 가능하다.

HTML5의 현재와 활용 용도 Edit

  • 표준이긴 한데 아직 많이 구현은 안됨. 되는 거 많이 없고, 속도 떨어짐.
  • 네이티브 앱 만큼은 안됨.

자바스크립트 Edit

  • 이벤트 핸들링 등.
  • 자바스크립트 엔진 필요. 꽤 무거움 -_-
  • 스펙을 이해해야 함http://www.ecma-international.org/publications/standards/Ecma-262.htm

브라우저 Edit

  • 기본 - 렌더링 엔진, 자바 스크립트 엔진
  • 어떤 브라우저가 어떤 엔진을 쓰는지 정도는 알아야 함.
    • 크롬의 자바스크립트 엔진 : Crankshaft
    • 파폭의 자바스크립트 엔진 : JaegerMonkey
    • 오페라 - 콘솔게임에서 많이 썼던 브라우저
    • 렌더링 엔진은 - gecko, webkit, presto 등
  • 벤치마크 - PeaceKeeper, http://acid3.acidtests.org
  • 하는 일 - HTML -> 파싱해서 Render tree -> 여기다가 CSS 적용

HTTP/1.1 Protocol Edit

  • HTTP
  • 무 상태 프로토콜 (Cookie, Cache를 통해 Session 인증 정보 정도)
  • HTML 마크업 표준 코딩 규칙이 있으니 센스있게 반드시 지킬 것 (NHN에서 사용하는 20장 정도의 규칙이 있긴 함)

CSS Edit

사용 방식 Edit

  1. 외부 스타일 시트 : 정해놓고 링크해서 사용. 제일 권장.
  2. 내부 스타일 시트 :
  3. 인라인 스타일 :

선택자 Edit

  1. 태그 선택자
  2. 그룹 선택자
  3. 클래스 선택자
  4. 속성 선택자
  5. 아이디 선택자
  6. 의사 선택자 (Pseudo Selector)
  7. 다중 선택자
  8. 전역 선택자
  9. 인접한 형제 선택자

웹 어플리케이션 아키텍쳐의 변천 Edit

  • 웹 CGI (1990)
  • DOM script(Behavior) + CSS(Presentation) + XHTML(구조) - 모두가 View,
 Spring 같은 것이 Controller , DB가 M (2000)
  • Ajax (2000년대 후반)
 사용자가 전체화면 리프레시 -> 전체 화면 리프레시 없이도 부분 화면 갱신 가능
  • HTML5 (2010년초반)
 서버와 독립적인 웹어플개발 가능
 서버는 RESTful - sql 쿼리 안넣기 (NoSQL,Cloud Computing)
 클라는 Ajax - RESTful 방식의 통신 지원.

실행 순서 Edit

  • HTML element -> CSS -> Javascript() -> 기타 플러그인(플래시등)

기타 Edit

데이터베이스 Edit

  • 로컬 스토리지
  • 세션 스토리지
  • SQL 데이터베이스 - 이는 별도 스펙으로 표준이 아니다. 왜냐하면 파이어폭스에서 SQL DB는 너무 벤더 의존적이라서 표준으로서의 가치가 떨어진다고 말했기 때문이다.

웹 워커 Edit

  • 백그라운드 자바스크립트 스레드이다.

웹 소켓 Edit

폰트 Edit

내장 폰트 Edit

웹 폰트 Edit

일반 폰트를 웹 폰트로 Edit

구글 웹 폰트 Edit

보안 Edit

1일차 Edit

  • 브라우저에 두 개의 엔진이 존재
  • 시대별 아키텍쳐 그림
  • 돔트리와 렌더트리
  • 블록레벨과 인라인 레벨의 차이
  • HTML5문서 구조
  • 구조화된 엘리먼트들 이해해야 함. 각 엘리먼트 사용 용도
  • 커스텀 데이터 속성 예제 숙지 필요.

강사님 메일 주소 Edit

  • 추후 HTML CSS JavaScript HTML5.pdf 자료와 SOA.pdf 자료를 받아야 함
  • 소스
  • 웹 폰트 및 폰트 변환 프로그램
  • hjk7902 @ gmail.com

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.