웹 검색 결과

해당 글 4건

자바스크립트의 비동기 처리와 콜백, Promise

서론 emoji-minesweeper의 코드 분석을 하던 중, serviceworker를 이해하기 위해 배경지식의 일환으로써 자바스크립트의 비동기 처리 방식, 콜백 함수, 프로미스 전반에 대해 공부하고 정리하였다. 각 페이지들에서 작성된 코드들은 실제로 작동하지 않은 가상의 도메인을 두고 get 요청을 보내거나, 관례적으로 settimeout 등의 코드만을 실행하는 경우가 많았기 때문에, 최대한 실제 존재하는 도메인으로 실제 동작하는 예제 코드를 새로 작성하였다. 비동기 처리 Promise를 본격적으로 이해하기 이전, 우선 자바스크립트의 비동기 처리에 대해 이해할 필요가 있다. 비동기 처리는 요청에 대한 응답을 기다리지 않고 다음 코드를 실행하는 처리 방식이다. 비동기 처리의 가장 흔한 사례는 ajax ..
웹 2019. 12. 14. 21:02

ARIA

깃허브의 emoji-minesweeper 코드를 분석하다가 aria-live, aria-haspopup, …와 같은 속성 태그들이 등장해서, 무엇인지 찾고 정리하였다. Accessible Rich Internet Applications —> 접근 가능한 리치 인터넷 어플리케이션 웹 콘텐츠와 웹 어플리케이션 (그 중에서도 특히 Ajax와 Javascript를 사용하여 개발한 것들)을 제작할 때 적용할 수 있는 장애인을 위한 접근성 향상 방법을 정의 웹툰/웹소설 플랫폼인 레진에서도 WAI-ARIA 명세를 적용하고 있는데, 레진 기술 블로그에서 설명하는 적용 배경은 다음과 같다. “ 페이지를 새로고침하지 않고 콘텐츠를 Ajax 방식으로 갱신했을 때 전맹 시각장애인은 어떤 응답을 받을 수 있을까? 갱신 사실을 ..
웹 2019. 12. 2. 19:40

<meta>

문서-레벨의 메타데이터 요소 http-equiv HTTP 헤더의 이름을 값으로 가질 수 있다. 즉, 문서의 초기정보를 나타내는 속성 이 속성의 값으로 서버나 사용자 에이전트의 작동 방식을 변경할 수 있는 지시를 정의할 수 있다. 지시값은 content 속성 안에 정의하는데 다음 중 하나가 가능하다. content-language 페이지의 기본언어 설정 요소의 lang 속성에 의해 재정의될 수 있다. 이 값은 폐기되었으므로 사용하지 말 것. html 요소의 lang 속성을 사용하는 것이 좋다. content-security-policy 이 값을 이용해 페이지에 대한 콘텐츠 정책을 정의할 수 있다. 주로 허용된 server origins와 script endpoints를 명시함으로써 cross-site sc..
웹 2019. 12. 2. 19:39

DOCTYPE html

DOCTYPE html 선언이란? 우리말로는 문서형(DTD, Document Type Declaration) 정의라고 번역할 수 있다. 웹문서가 어떤 버전의 HTML 언어로 작성되었는지 결정하는 기능. DTD(Document Type Declaration)을 통해서 현재의 웹 문서가 어떤 버전의 HTML 기술로 작성되었는지 웹브라우저에 전달한다. 문서형은 HTML5, XHTML, HTML의 세가지 문서 유형이 존재하며, 기술한 유형에 따라 마크업 문서의 요소와 속성들을 처리하는 기준이 되며, 유효성 검사에 이용된다. 한편, 문서형 정의를 생략하는 경우, 웹 브라우저가 표준모드가 아니라 비표준 모드로 렌더링되어 크로스 브라우징에 어려움을 겪는다. 문서형 정의는 HTML 문서의 최상위에 위치해야 한다. 선언..
웹 2019. 12. 2. 19:37