오류 28 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. Chromium 엔진 기반 웹 브라우저 버그 구글 Chromium 오픈 소스 프로젝트 기반 엔진을 사용하는 웹 브라우저 Microsoft Edge와 Google Chrome에서 페이지 렌더링에 오류가 발생하고 있습니다. Chromium의 버그로 추측하며, 최근 AI 기능 접목을 위한 브라우저 소스 코드 개편 과정의 코딩 실수가 누적되고 있는 것으로 짐작하고 있습니다. ※ Naver 웨일(Whale)도 Chromium 기반 엔진을 사용하고 있습니다. 웨일 최신 버전(3.25.232.19)에는 크로미움 122 업데이트가 적용되어 있으며, 마이크로소프트 엣지와 구글 크롬에서 발생하는 페이지 렌더링 오류가 발생하지 않습니다. 크로미움의 버전 차이가 있는지는 확인이 안되고 있습니다. 하나의 버그로 그치지 않고 다양한 이상 증상이 나타나고 있습니다. IT 기.. 2024. 3. 16. text-overflow와 (inline-)block의 문제 해결 .article-link p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 문자(text) 행(line)의 길이가 컨테이너 박스의 가로 폭을 초과할 경우에, 폭에 맞추어 잘라내고(truncate) 말 줄임(ellipsis) 처리하는 방법입니다. CSS의 text-overflow 설정 값으로는 ellipsis, clip, string, initial, inherit을 사용합니다. 말줄임표(ellipsis)를 사용하여 초과하는 문자를 잘라낸 모습입니다. 한글 맞춤법의 말줄임표 부호 "......"와 형태가 다릅니다. 아래와 같이 임의로 지정 가능합니다. text-overflow: ellipsis " [..]"; text-overflo.. 2023. 8. 31. 뱅킹 보안 프로그램과 키보드 입력 충돌 태블릿 계열의 노트북을 사용합니다. 마이크로소프트 서피스 랩탑과 유사한 형태의 레노버 Miix이며, 용도에 따라서 키보드를 착탈하여 태블릿과 노트북을 겸용할 수 있는 작은 기기입니다. 터치 스크린 패널이 디스플레이 앞에 부착되어 있습니다. 최근 사용 중 키보드 입력이 안되고 디스플레이에 "화면 회전 설정" 알림 메시지가 갑자기 뜨는 야릇한 오류가 발생합니다. 얼마 전, 국내 인터넷 뱅킹에 필수인 보안 프로그램을 설치한 후 이런 증상이 출현하였습니다. 기기를 사용할 때 키보드의 연결 형태를 변경하거나 유선 마우스를 제거 또는 부착하는 등의 입력 디바이스의 변경이 발생하면 해당 오류가 발생합니다. 다시 원래의 형태로 되돌려도 오류가 복구되지 않아서 기기를 다시 부팅시키면 정상으로 돌아옵니다. 기기를 다시 부.. 2023. 3. 26. 구글 크롬의 유튜브 동영상 재생 오류 복구 유튜브에서 동영상을 볼 때 제대로 재생이 되지 않는 경우가 있습니다. 그럴 때 사용할 수 있는 한 가지 해결 방법 공유합니다. 동영상 재생 오류가 발생하는 것은 간단하게 생각해도 몇 가지 직접적인 요인을 추론할 수 있습니다. - 컴퓨터나 그래픽 하드웨어의 불량 - 그래픽 카드, 칩, 혹은 CPU 내장 그래픽 코어를 구동하는 데 필요한 드라이버의 오류나 호환성 부족 - 동영상 압축에 사용된 코덱의 버그나 플레이어와의 호환성 문제 - 유튜브 서버가 지원하는 필요한 동영상 제작의 문제 위의 문제 발생 가능 요인은 개인마다 다르므로 평소에 점검을 해야 합니다. 이 페이지에서는 사용한 웹 브라우저 크롬의 설정을 변경하는 방법으로 문제를 해결할 것입니다. 문제가 발생한 크롬 브라우저 앱의 정보입니다. 업데이트를 빠.. 2023. 3. 5. 구글 검색 엔진 인덱스 생성 오류 발생하는 메타 태그 티스토리 오딧세이(Odyssey) 스킨의 일부 코드가 구글 검색 엔진의 인덱스 생성이나 구글 서치 콘솔의 페이지 색인 생성을 방해합니다. - 2023년 2월 1일 확인 - 스킨 버전: 2020년 9월 9일 초기 버전에서는 발견되었지만 최근 업로드된 수정 버전에서는 삭제한 것으로 확인됩니다. ① 구 버전을 그대로 사용하고 있는 티스토리 오딧세이 스킨 사용자는 구글 검색엔진 인덱스 생성 오류가 발생하므로 자신의 블로그 코드를 검사하는 것이 좋겠습니다. ② 해당 코드를 다른 스킨에 추가하여 사용하는 (티스토리) 블로거도 마찬가지로 오류 발생 원인이 되므로 삭제하거나 수정하는 것이 좋습니다. 2023. 2. 1. 티스토리 블로그의 도메인 포워딩과 애드센스 결합 주의 일부 도메인 포워딩 서비스를 이용하여 자신의 티스토리 블로그를 고유 도메인과 연결시켜 사용하는 사례가 많습니다. 예를 들어 "domainforwarding.kr" 도메인을 "domainforwarding.tistory.com"과 연결하여, "domainforwarding.kr"로 접속이 가능하게 만드는 방법입니다. 티스토리 블로그에 구글 애드센스 배너를 부착할 때 먼저 확인해야 할 것이 있습니다. 아래 정보는 구글 애드센스 고객센터에 등록된 정보의 일부를 발췌한 것입니다. http_only Google 크롤러는 HTTP 및 HTTPS의 모든 ads.txt 파일을 크롤링하려고 시도합니다. HTTP만 소유한 경우 크롤러가 ads.txt를 찾을 수 있도록 HTTPS에서 HTTP로 리디렉션을 설정하세요. htt.. 2022. 11. 3. 티스토리 애드센스 광고 송출 문제 더보기 ※ 애드핏 - 모든 페이지 광고 정상 출력 ※ 애드센스 - PC 첫 페이지 정상 출력 - 모바일 페이지 정상 출력 ▶ 2022.10.12부터 모바일 첫 페이지 제외하고 출력 불량/불능 PC 나머지 페이지 출력 불량/불능 PC 사이드바 "애드센스 관리 설정" 출력 불량/불능 PC 사이드바 "플러그인" 정상 출력 ▶ 2022.10.11 오후 애드센스 이따금씩 정상 출력. 증상이 계속 변합니다. 최근 티스토리 블로그에 부착한 구글 애드센스 광고가 전혀 출력되지 않거나, 뜸하게 그리고 불규칙하게 출력되는 문제가 발생하고 있습니다. 티스토리 블로그 계정 소유자는 애드센스 광고 서비스를 직접 제공하는 구글, 그리고 티스토리 블로그와 연동시켜 블로그 관리 페이지에서 쉽게 설정 가능한 서비스를 제공하는 카카오에.. 2022. 10. 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. 마이크로소프트 엣지 메모리 관리 이상 증상 윈도우 10에서 사용하는 웹브라우저 Edge, 버전 104.0.1293.54에서 메모리가 정상적으로 반환되지 않는 증상이 발생합니다. 2022년 8월 18일 현재 최신 버전입니다. 아래 이미지는 엣지 웹브라우저를 사용하여 제 블로그("netware.tistory.com")를 접속하고 일정 시간을 사용하고 개발자 도구를 실행하여 현재 메모리 사용 상태를 캡처한 이미지입니다. 개발자 도구(DevTools)의 릴리즈 번호는 따로 없고 Edge 번호에 대응하는 것으로 추측합니다. 현재 104입니다. 엣지 개발자 도구의 성능 모니터가 제공하는 화면의 각종 정보 왼쪽: 처음 접속 상태 오른쪽: 일정 시간 사용 후 메모리가 반환이 안된 상태 Edge가 정상적으로 작동하는 상태에서는 왼쪽 화면의 수치에 근접하여 CPU.. 2022. 8. 18.
