Web Front End
- Web - Web Browser
- Front End - 사용자에게 보여지는 부분
HTML ( 4.01 , - 출력만)
- Design - CSS
- Dynamic(동적처리) - JavaScript
HTML(Markup) + JavaScript(Application) --> HTML 5
HTML 5 나오게 된 이유 (기반기술)
- Plug in 없이 동작하는 Web Application 제작 하자
Server (Back_End) 와 함께 공부 한다.
HTML5 공부할 때 Application 만드는 방법이 있는 교재, 강의 선택해야됨 (Web Game등 제작하는거)
- XML, JSONE은 FrontEnd가 아니다 (데이터임)
JavaScript --(객체지향)--> TypeScript 프레임워크 (흐름이 있고, 유행이 있다)
1) JQuery
- 현재 나와있는 웹의 90% 사용
- 나오게 된 이유(Cross Browsing) - 모든 브라우저에서 동일한 컨텐츠를 즐기게하자
2) BootStrap
- 반응형 웹을 만들기 쉽다. -
3) Vue, React, Angular
- MVC 구현
4) Node.js
- 서버
ionic, react native, phone gap -> 모바일 앱 제작 라이브러리 JQuery Mobile, Sencha -> 모바일 웹 제작 라이브러리
Linux -> GUI -> Win API, Mac OS X
- Web Broswer로 구현 -> 삼성(Tizen), LG(Web OS)... Application Web 기술로 제작함.
- Web Broswer 기반 노트북 -> Crome Book
WebServer WAS(배포,서버) - 서버용언어 -> html
웹 접근성 강화: 장애 여부에 상관없이 동일한 콘텐츠를 사용할 수 있도록 해야 한다.
반응형 웹 디자인: 브라우저 화면 크기에 상관없이 동일한 콘텐츠를 사용할 수 있도록 해야 한다.
크로스 브라우징: 브라우저 종료에 상관없이 동일한 콘텐츠를 사용할 수 있도록 해야 한다.