본문 바로가기

반응형

웹표준

웹브라우저좀 알고 삽시다 웹개발자는 정말로 브라우저로 먹고 사는 직업이라고 해도 과언이 아니다. 근데 왜 이리 웹개발자중 브라우저에 대해서 간과하고 알려 하지 않는 사람들이 많을까?그럴때마다 정말로 짜증이 돋기는 한다. 먼저 웹접근성, 웹표준, 크로스 브라우징에 대해서 명확하게 알아야 한다. 웹어플리케이션을 개발할때는 순서는 다음과 같아야 하는것 같다. 운영정책에 따라서 웹접근성을 지원할 것인지 결정하여웹표준을 준수하여 코드를 작성하고 작성된 코드를 크로스 브라우징 테스트를 하여,브라우저별 특성을 지니고 있는 스크립트및 스타일시트 속성을 작성해안정적인 웹어플리케이션을 개발해야 한다. 웹접근성접근성이란 장애인뿐만 아니라 모든 사람이 정보통신 기기나 서비스를 손쉽게 활용할 수 있도록만드는 것을 말하는 것이다. 참고링크 웹표준W3C에.. 더보기
웹표준 개괄내용 웹개발자들 사이에서 DHTML을 추가하거나 웹페이지의 크로스브라우저 지원이라고 여겨진 수많은 요소와 관행들이 W3C HTML 4.0과 문서객체모델 사양에서 제외되었습니다. 예를 들어, 과document.layers[]과 같은 객체는 실제로 어떤 웹표준에 해당하지도 않습니다. 네스케이스 게코TM-기반 모질라와 네스케이프 6/7과 같은 W3C 표준을 따르는 새로운 브라우저는 이들 속성과 비호환 요소를 지원하지 않습니다. A number of elements and practices considered "standard" among web developers for adding DHTML and/or cross-browser support to their web pages were excluded from t.. 더보기
모바일 웹 애플리케이션 모범 사례 카드 모바일 웹 애플리케이션 모범 사례 카드 출처 : http://www.w3c.or.kr/Translation/MWABP/#mwabp W3C 모바일 웹 애플리케이션 모범 사례 네트워크를 절약하자 사용자를 자유롭게 하자 웹 원칙을 지키자 유연하게 설계하자 모바일의 특징을 활용하자 응답시간을 최소화 하자 네트워크를 절약하자 네트워크 병목과 지연을 줄이기 위한 적합한 웹 프로토콜 기능 사용한다. 전송 압축 사용 핑커프린트 정보를 이용한 캐시 AJAX 데이터 캐시 외부 자원 최소화 애플리케이션 및 데이터 크기 최소화 최소한의 쿠키 사용 불필요한 쿠키 정보 전송 금지 네트워크 요청 최적화 리다이렉트 회피 상위 ↑ 사용자를 자유롭게 하자 모바일 디바이스는 집에서 심심풀이로 사용하는것부터 외부에서 급히 이용하는 등의 다.. 더보기
HTML UI 구성 이번에도 간단하게 HTML과 CSS 로 UI 를 구성하는데, 나름 괜찮은 방법이기에 다시 포스팅을 한다. 이미 모두 사용하고 있을 수도 있지만.. 나는 기억력이 그다지 좋은 편이 아니기에 포스팅을 한다. 테스트 브라우저 : Google Chrome, IE8, IE6, FF, Opera div 태그로 UI 를 구성함에 있어 기본적인 원칙. 요소들의 배치. 이 것이 상당히 중요한 원칙이다. 이 원리를 구현하고자 테스트를 반복함으로 알수 있있다. 먼저 이러한 UI 를 구성하고자 타겟을 설정하였다. 색상으로 박스를 설정하였다. White (Background) : html, body, form, Wrap Yellow : header Container : blue Contents : brown box1 : cya.. 더보기

반응형