개념 | 크로스브라우징 | 여러 웹에서 서비스할 수 있도록 호환 가능하게 하는 것 ex) 크롬, 익스, 엣지에서 모두 동일하게 보여지는 것 |
| 반응형 웹 | 여러 디바이스의 상황에 맞게 변화가능한 것 ex) 크롬 사이즈 변경해도 사이즈에 맞게 변화. 데스크탑, 노트북, 패드, 스마트폰에서 모두 똑같은 화면으로 보여지도록 하는 것 |
| | # css 미디어컬 사용 (ex. 경기산업기술교육센터 홈페이지, 네이버는 고정형 웹(800px) 모바일버전과 pc버전 따로 만들어야 함) |
| | ※ 반응형 웹과 크로스브라우징의 차이 : 반응형웹은 디스플레이 종류에 따라서 화면의 크기가 자동으로
최적화되도록 조절해주는 웹 기술을 말하고
크로스브라우징은 웹표준 기술을 적용해서 서로 다른 os(운영체제)나 플랫폼에서도
인터넷이 이상없이 구현되는 기술 |
| html | 정보와 구조 |
| css | 이미지표현 |
| 개발과정 | 구상-기획-디자인-프로그램-테스트-상용화-유지보수 (오류가 발생했을 때 기획부터 반복해서 진행) |
| 프로그램클라이언트 | 프론트앤드 개발 사용자단에서 움직이는 동작, 화면, 요청(html, css, javascript) |
| 프로그램서버 | 버튼 클릭시 보여지는 화면을 서버에서 찾아 보내주는 것, db, myspl, db와 서버관리(php) |
| 저장방법 | 메모장-다른이름으로 저장 파일명 : 제목.html 파일형식 : 모든파일 - 인코딩 utf-8 |
| 개발툴 | 프로그래밍의 수월하게 하기 위한 작업도구 notepad++ |
| 웹서버의 종류 | apache(아파치(무료배포)) nginx(엔지넥스) iis(아이아이에스) |
| | |
취업방향 | 디자이너 | |
| 웹퍼블리셔 | 디자인 + 코딩 |
| 프로그래머 프론트앤드 | 사용자가 눈에 보이는 변화를 코딩 |
| 프로그래머 백앤드 | 서버에 저장되는 내용 |
| | |
과제 | 최초의 웹을 창시한 개발자 | 팀버너스리 |
| 웰드와이드웹 | 웹브라우저는 웹서버에서 쌍방향통신하는 html 문서나 파일과 연동하고 출력하는 응용소프트웨어 1990년 팀버너스리가 발명, 세계 규모의 거미집 또는 거미집 모양의 망이라는 뜻 hypertext라는 기능에 의해 인터넷상에 분산되어 존재하는 온갖 종류의 정보를 통일된 방법으로 찾아볼 수 있게 하는 광역 정보 서비스 및 소프트웨어 |
| W3C | World Wide Wed Consortium은 월드 와이드 웹을 위한 표준을 개발하고 장려하는 조직으로 팀 버너스리를 중심으로 1994년10월 설립되었다 국제 표준화 기구 |
| WHATWG | Wed hypertext App Tecnology Working Group은 html 및 관련 기술을 발전시키는데 관심있는 사람들의 모임 |
| 웹의 표준 | html, xhtml, css, javascript |