2020/035 2020년 1분기 이슈(서드파티 쿠키, SameSite, Http 차단, UA 중단, ClientHints 제공) 다나와 기술블로그 내용을 재구성하였습니다. 서드파티 쿠키 2년내로 사용 불가 서드파티 쿠키는 사용자가 방문한 사이트 내에서 생성되는 쿠키가 아닌 다른 웹사이트에서 들어오는 쿠키를 말합니다. 사용자가 지마켓을 방문한 뒤에 구글 검색을 이용하고 있는데 그 페이지 내에서 지마켓에서 본 상품들이 광고로 뜨는 것을 확인할 수 있습니다. 이런 서드파티 쿠키를 2년 내로 차단하겠다고 구글측에서 발표했습니다. 기존에도 서드파티 쿠키를 차단하는 방법이 있었는데요. 광고업계에서는 일대 파란이 예상됩니다. 본래, 사용자의 기록을 추적하기 위한 행위는 개인정보보호 이슈로 판단되어 사파리, 파이어폭스, 엣지 등은 쿠키를 추적하지 못하게 하거나 서드파티 쿠키 사용을 금지 해 왔습니다. 크롬은 이제 적용하지만 점유율이 높아 매우 .. 2020. 3. 29. JS 이벤트 루프(callback, setTimeout, queue, 싱글스레드) JS 이벤트 루프에 대한 이해에 30분만 투자하면 완벽하게 이해할 수 있는 영상이 있어 공유드립니다. * 실제로 스크롤 이벤트를 작성하면 스크롤 이벤트는 스크롤 한번 할 때마다 수없이(15 milliseconds당) 이벤트를 일으키기 때문에 수 많은 이벤트들이 콜백 queue에 쌓이게 됩니다. * 핵심은 stack에 불필요한 느린 코드를 쌓아서 이벤트 루프를 막지 말아라 즉, 브라우저가 Rendering하는 과정을 막지 말라는 것입니다. 출처 : https://www.youtube.com/watch?v=8aGhZQkoFbQ&feature=youtu.be 2020. 3. 29. 미디어쿼리 레벨 5 스펙 미디어쿼리는 상당히 유용합니다. w3c 에서는 미디어 쿼리 레벨 5 스펙을 한창 작성중입니다. https://drafts.csswg.org/mediaqueries-5/#script-custom-mq Media Queries Level 5 Abstract Media Queries allow authors to test and query values or features of the user agent or display device, independent of the document being rendered. They are used in the CSS @media rule to conditionally apply styles to a document, and in various othe drafts.c.. 2020. 3. 15. <blockquote>, <q>, <cite> 올바르게 사용하기 , , 혼동이 올 수 있는 태그입니다. Blockquotes 흐름 요소 (즉, "블록 수준"요소)로서 인용 부호 안에 다른 요소가 포함될 수 있습니다. 예를 들어, 문제없이 단락(태그)을 넣을 수 있습니다. 인용 부호는 디자인의 장식 요소가 아닌 인용 용도로만 사용되어야합니다. 또한 화면 판독기 사용자가 인용 부호 사이를 이동할 수 있으므로 접근성을 지원합니다. 따라서 미학에만 사용되는 인용구 요소는 실제로 사용자를 혼란스럽게 할 수 있습니다. 확장 된 인용의 범위를 벗어나는 장식적인 것이 필요하다면 클래스가있는 div가 갈 길입니다. Quoting with Q 태그는 인라인 따옴표 입니다. 많은 최신 브라우저는 자동으로 따옴표에 의사 요소로 인용 부호를 추가하지만 이전 브라우저에는 fallback이 필.. 2020. 3. 15. 이전 1 2 다음
