Rest Representational State Transfer 직역하자면 추상적 상태 교환? 자원의 상태에 의한 전달 REST의 구성 자원(RESOURCE) - URI 행위(VERB) - HTTP METHOD 표현(Representation of Resource) URI 통합 자원 식별자(Uniform Resource Identifier, URI)는 인터넷에 있는 자원을 나타내는...
도구 설치 Firefox Setup 55.0b9 Firefox 구버전. 교육 실습용. Firebug 파이어폭스용 요소 검사 도구 OpenWax(Open Web Accessibility eXtension) 웹 접근성 진단 도구 WebDeveloper 각종 설정을 초기화 할 수 있다. 실습에서는 CSS를 초기화해서 웹이 구조를 제대로...
SSR(Server Side Rendering) 대부분 전통적인 웹은 SSR 서버에서 계속 데이터를 받아와서 그려줘야 한다. 데이터가 모두 있는 페이지로 보이기 때문에 검색 엔진 최적화 SEO에 좋다. js가 모두 실행되어야 그려지는 웹이 아니라, html만 먼저 그려주어서 빠르다. 페이지를...
Next.js Next.js가 소개하는 스스로의 멋진 점 직관적인 페이지 기반 라우팅 시스템 가능할 경우 페이지를 자동으로 정적으로 최적화 데이터 요구를 막는 서버사이드 렌더링 더 빠른 페이지 로딩을 위한 자동 코드 분할 페이지 프리 페치가 최적화 된...
C31: Using CSS Flexbox to reflow content 컨텐츠를 재배치하기 위해 Flexbox CSS를 사용합니다. 가로로 읽는 컨텐츠의 경우, 모든 내용과 기능이 가로 스크롤 없이 사용할 수 있는지 확인합니다. 세로로 읽는 컨텐츠의 경우, 모든 내용과 기능이 세로...
C20: Using relative measurements to set column widths so that lines can average 80 characters or less when the browser is resized 브라우저가 리사이즈 될 때 라인의 평균 80글자 이하가 되도록 컬럼의 너비를 relative measurements로...
C6: Positioning content based on structural markup 구조화 된 마크업으로 콘텐츠 배치하기 C7: Using CSS to hide a portion of the link text 링크 텍스트의 부분을 숨기기 <p>Washington has announced plans to stimulate economic growth....
웹 접근성에 대해 공부하다보니 평소에 잘 쓰지 않던 태그들이 많다는 것을 알게 되었고, 이에 대해서 한번 리뷰를 해보려고 합니다. 정리하다 보면 좋은 태그들을 발견할 수 있지 않을까 싶습니다. !DOCTYPE 태그 정말 자주 보는 태그인데 정확히...
웹 접근성의 기술중에서 일반적인 기술에 관해 번역 및 작성 해보려고합니다. G1각 페이지에서 메인 화면으로 바로 가는 링크 더해주기 이 기술은 반복되는 여러 웹 페이지를 무시하는 메커니즘을 제공합니다. 보통 웹 페이지 상단 좌측에 위치시킵니다. 절차 그...
Quick Tips to Make Accessible Web Sites ** W3C에서 발췌한 내용입니다. WCAG 1.0이기 때문에 간단하게 10가지로 정리하였습니다. 현재 WCAG 2.1까지 나와 있습니다. 이 팁들은 완벽한 가이드라인이 아니라고 명시하고있습니다. 10 Quick Tips 이미지 & 애니메이션: 각...