error11 CSS backdrop-filter, MS Edge에서 작동 오류 실행 환경: 윈도우 11(PC), 마이크로소프트 엣지 123.0.242081임시 복구: 엣지의 설정 / 시스템 / "사용 가능한 경우 그래픽 가속 사용" 변경 ※ "그래픽 (하드웨어) 가속 기능" 활성화시키면 유튜브 일부 동영상 재생할 때 끊김 현상이나 이미지가 일그러지는 사례가 발생할 수 있습니다. ※ 핸드폰과 같은 모바일 환경의 웹 브라우저에서는 필터 기능 정상입니다. .filter { -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background-color: rgba(0,0,0,0.3);} 웹 페이지에 반투명한 간유리 효과를 주는 backdrop-filter입니다.구글 .. 2024. 4. 9. 댓글 Javascript arrow function (=>), this 구문 오류 자바스크립트 화살표(=>) 함수를 사용할 때, 이벤트 리스너가 부착된 DOM 요소를 지정하기 위하여 this를 사용하면 오류가 발생할 수 있으므로 event.currentTarget을 사용해야 합니다.현재 실행 중인 이벤트 리스너가 부착된 DOM 요소를 지칭할 때에는 "event.currentTarget" When a code runs after an event takes place, this is known as registering an event handler. On the other hand, the event listener listens to the event and then triggers the code for handling the event. [출처] TechTarget 내용은 스택오버.. 2023. 10. 19. 댓글 티스토리 블로그에서 구글 PageSpeed Insight의 크롤링 오류 발생 2022년 11월 8일 발생링크를 크롤링할 수 없음검색엔진에서 링크에 대해 `href` 속성을 사용하여 웹사이트를 크롤링할 수 있습니다. 앵커 요소의 `href` 속성이 적절한 대상에 연결되어 사이트에서 더 많은 페이지가 검색되도록 하세요. 자세히 알아보기크롤링할 수 없는 링크div.lb-outerContainer > div.lb-container > div.lb-nav > a.lb-prevdiv.lb-outerContainer > div.lb-container > div.lb-nav > a.lb-nextdiv.lb-outerContainer > div.lb-container > div.lb-loader > a.lb-canceldiv.lb-dataContainer > div.lb-data > div.lb.. 2022. 11. 8. 댓글 티스토리 블로그 로그인 오류 "지금 이 페이지가 작동하지 않습니다." 제 경우에는 카카오계정, 티스토리 계정 모두 로그인 안되고 위의 오류 메시지 떴습니다. 현재는 여러 가지 방법을 시도하다가 가까스로 카카오계정으로 로그인 성공하였습니다. 티스토리 로그인 서버에서 오류가 발생하여 복구한 것일지도 모릅니다. 어쨌든 위와 같은 오류 메시지가 뜰 때, 계정 관리자가 시도할 수 있는 방법이 있어서 기재해 놓겠습니다. HTTP ERROR 400 The Internet Engineering Task Force (IETF)의 정의 rfc7231 (ietf.org) The 400 (Bad Request) status code indicates that the server cannot or will not process the request due to something that is p.. 2022. 9. 16. 댓글 구글 adsense margin 오류 수정 .revenue_unit_wrap { margin-top: 20px; margin-bottom: 20px;}티스토리 블로그에서 보여 주는 구글 애드센스 광고 CSS 코드를 개발자 도구로 살펴보았습니다. 상, 하 각각 20픽셀의 마진을 주어 본문의 내용과 거리를 두고 있습니다. 간단하게 그리면 아래와 같은 구조를 이루게 됩니다. block element인 "wrap" 안에 그리고 "container" 안에 배치하였습니다."container" 박스 안의 마지막 개체이므로 애드센스 광고 하단의 20px margin이 "container" 하단 경계선과 접합니다. 아래 그림은 구글 크롬, 마이크로소프트 엣지, 그리고 Mozilla Foundation의 Firefox 브라우저들에서 렌더링 된 실제 모습.. 2022. 6. 21. 댓글 Position Sticky를 구현하는 Fixed JS 코드 3차 수정본 1. 원글: Position Sticky를 구현하는 Fixed JS 코드 오류 수정 2. 수정: Position Sticky를 구현하는 Fixed JS 코드 2차 수정본 3. 수정: 본문 4. 수정: Position Sticky를 구현하는 Fixed JS 코드 4차 수정본 5. 활용: Position Sticky를 구현하는 Fixed JS 코드 활용 2, 3차 수정 코드 비교하고 간단한 설명 덧붙입니다. ※ The HTMLElement.offsetTop read-only property returns the distance of the outer border of the current element relative to the inner border of the top of the offsetParent.. 2021. 6. 13. 댓글 Position Sticky를 구현하는 Fixed JS 코드 2차 수정본 1. 원글: Position Sticky를 구현하는 Fixed JS 코드 오류 수정 2. 수정: 본문 3. 수정: Position Sticky를 구현하는 Fixed JS 코드 3차 수정 4. 수정: Position Sticky를 구현하는 Fixed JS 코드 4차 수정 5. 활용: Position Sticky를 구현하는 Fixed JS 코드 활용 윗글에 이어서 다시 수정한 부분을 반영하여 설명 진행합니다. 수정 내역 1. 블로그의 댓글 리스트에서 한 항목 링크를 누르면 페이지가 열리면서 하단 댓글 리스트로 이동합니다. 이때 "position: fixed"입니다. 페이지의 최상단으로 이동하면 "position: static"으로 변경되어야 하는 데, 오류 때문에 바뀌지 않습니다. 위치 코드를 출력하는 검사.. 2021. 6. 10. 댓글 AMD CPU 사용자 윈도우 10 업데이트 주의 AMD CPU 사용 기기에서 윈도우 10 업데이트를 진행할 경우 복구가 거의 불가능한 블루 스크린이 발생할 수 있습니다. 같은 AMD라도 CPU 종류에 따라서 다릅니다. 문제의 원인은 마이크로소프트 윈도우 10 운영체제의 업데이트 과정에서 같이 설치되는, AMD(Advanced Micro Devices, Inc)의 SCSIAdapter 버전 9.3.0.221 드라이버가 저장 장치에 필요한 다른 드라이버를 손상시키기 때문입니다. 저장 장치는 윈도우 부팅에 반드시 필요하기 때문에 부팅 실패로 인한 블루 스크린을 마주하게 됩니다. "INACCESSIBLE_BOOT_DEVICE" 결국 마이크로소프트는 이 드라이버를 업데이트 목록에서 제외하였습니다. 사용자가 수동으로 업데이트 점검할 때, 윈도우 업데이.. 2021. 5. 9. 댓글 Position Sticky를 구현하는 Fixed JS 코드 오류 수정 1. 원글: 본문 2. 수정: Position Sticky를 구현하는 Fixed JS 코드 2차 수정 3. 수정: Position Sticky를 구현하는 Fixed JS 코드 3차 수정 4. 수정: Position Sticky를 구현하는 Fixed JS 코드 4차 수정 5. 활용: Position Sticky를 구현하는 Fixed JS 코드 활용 Position Sticky는 웹 페이지의 일부 Element가 사전 설정한 지점에서 움직임을 중지하고 고정되어 Position Fixed의 기능을 시작하는 매우 유용한 CSS 코드입니다. "Position Relative + Position Fixed"를 하나로 통합한 것이라고 말할 수 있습니다. 대형 포털과 블로그 등 여러 사이트의 페이지 상단에 배치된 내.. 2021. 4. 19. 댓글 Adobe Illustrator 메모리 부족 오류 Illustrator crashes after displaying a "Not enough memory" warning "A "Not enough memory" warning appears when you copy artwork" "Insufficient memory was available to complete the operation" "Not enough memory (RAM)" "Out of Memory" 윈도우: "Alt + Ctrl + Shift" 맥OS: "Option + Command + Shift" 동시에 3개의 키를 누른 상태로 Illustrator를 실행시킵니다. "Preferences Files"이 모두 삭제됩니다. 다시 Illustrator를 실행시키면 새 파일이 만들어집니다... 2020. 5. 23. 댓글
