Frontend Dev/Web 개발 지식 (5) 썸네일형 리스트형 크로스 브라우징(Cross Browsing)과 크로스 브라우징 워크 플로우 👾 크로스 브라우징이란? 크로스 브라우징(Cross Browsing)이란 웹 사이트에 접근하는 브라우저의 종류에 상관없이 동등한 화면과 기능을 제공할 수 있도록 만드는 작업을 의미한다. 여기에서 중요한 포인트는 ‘동일한’이 아니라 ’동등한’이라는 표현을 쓴다는 것이다. 크로스 브라우징은 모든 브라우저에서 완전히 똑같은 화면이 보이도록 만드는 것이 아니라, 모든 브라우저에서 동등한 수준의 정보와 기능을 제공하는 것이다. (애초에 브라우저마다 사용하는 렌더링 엔진이 다르기 때문에 화면을 완전히 동일하게 만드는 것은 불가능하다.) 👾 인터넷 익스플로러와 ActiveX, 그리고 크로스 브라우징 👀 ActiveX가 뭔데? ActiveX는 마이크로소프트사에서 개발한 인터넷 익스플로러용 플러그인으로, 웹 브라우저와 .. 웹 콘텐츠 접근성 지침, 웹 접근성을 준수한 웹개발하기 👾 웹 콘텐츠 접근성 지침 웹 접근성이란 장애인이나 고령자 뿐만 아니라 모든 사용자들이 개인의 능력에 상관없이 웹 페이지의 정보에 접근할 수 있도록 보장하는 것을 의미한다. 한국형 웹 콘텐츠 접근성 지침은 W3C의 웹 접근성 권고안인 ‘WCAG(Web Content Accessibility Guidelines) 2.0’을 기반으로 한국 실정에 맞게 조금 수정한 한국형 웹 콘텐츠 접근성 지침으로 2022년 12월 30일 2.2가 업데이트 된 것을 한국웹접근성인증평가원 홈페이지에서 확인할 수 있다. 웹 콘텐츠 접근성 지침에는 웹 접근성 제고를 위한 4가지 원칙과 각 원칙을 준수하기 위한 14개 지침 및 해당 지침의 준수 여부를 확인하기 위해 33개의 검사항목을 제시하고 있다. ✔️ 인식의 용이성(percei.. 웹 표준과 웹 접근성, 간단하게 알아보기 👾 웹 표준이란? 웹 표준은 어떠한 운영체제나 브라우저를 사용하여도 동일한 컨텐츠를 볼 수 있도록 웹에서 표준적으로 사용되는 기술이나 규칙이다. → 동일한 컨텐츠란 완벽히 똑같은 화면을 의미하는 것이 아닌, 모든 플랫폼에서 동등한 수준의 정보에 접근이 가능함을 의미하는 것이다. 웹 표준은 팀 버너스 리를 중심으로 한 W3C(World Wide Web Consortium)의 토론에 의해 결정된다. 크롬, 엣지, 사파리, 오페라, 파이어폭스 등 최신 웹 브라우저들은 모두 웹 표준을 지원한다. 따라서 웹 표준에 맞추어 웹 페이지를 작성하면 어떤 브라우저를 사용하든 동일한 결과물을 얻을 수 있다. 앞서 언급된 브라우저 호환 때문에 화면이 제대로 표시되지 않거나 기능이 작동하지 않는 등의 문제 상황을 방지할 수 .. REST 성숙도 모델 레오나르드 리처드슨(Leonard Richardson)은 REST API를 잘 적용하기 위한 4단계 모델을 만들었다. ↓ REST API에 관한 글은 아래 포스팅 참고 🐱 REST API란 무엇일까? REST(Representational State Transfer)는 로이 필딩(Roy Fielding)의 박사학위 논문에서 처음 소개되었다. 발표 당시 웹이 HTTP의 설계상 우수성을 제대로 사용하지 못하고 있는 상황을 보고 웹의 장점을 최대 fay-story.com 리처드슨의 REST 성숙도 모델은 총 4단계(0 ~ 3단계)로 나누어져 있으며, 각 단계에 따라 충족해야 할 조건이 있다. 실제로 엄밀하게 3단계까지 지키기 어렵기 때문에 2단계 까지만 적용해도 좋은 API 디자인알고 볼 수 있다. 👾 Lev.. REST API란 무엇일까? REST(Representational State Transfer)는 로이 필딩(Roy Fielding)의 박사학위 논문에서 처음 소개되었다. 발표 당시 웹이 HTTP의 설계상 우수성을 제대로 사용하지 못하고 있는 상황을 보고 웹의 장점을 최대한 활용할 수 있는 아키텍처로서 REST를 소개하였고 이는 HTTP 프로토콜의 의도에 맞게 디자인하도록 유도하고 있다. REST의 기본 원칙을 성실히 지킨 서비스 디자인을 RESTful이라고 한다. 👾 REST API 구성 REST API는 자원(Resource), 행위(Verb), 표현(Representations)의 3가지 요소로 구성된다. REST는 자체 표현 구조(Self-descriptiveness)로 구성되어 REST API만으로 요청을 이해할 수 있다... 이전 1 다음
