본문 바로가기

최근글

HTTP/3

HTTP/3은 WWW(World Wide Web)의 정보 교환용으로 사용하는 HTTP(HyperText Transfer Protocol)의 세 번째 메이저 버전으로, HTTP/1.1, HTTP/2를 개선하였다. HTTP/1.1과 HTTP/2는 TCP로 통신하며, HTTP/3는 UDP 기반 다중 통신 규약(multiplex transport protocol)인 QUIC으로 통신한다. ※ TCP는 UDP와 같이 OSI 7 계층 모델에서 4번째 층인 전송 계층에서 사용하는 통신 규약이다. 컴퓨터끼리 통신할 때 사용하는 프로토콜이기 때문에 신뢰성은 높지만 실시간 전송의 지연에는 약하다. 이 때는 UDP를 사용한다. [참고] 네이버 오픈 사전 PRO, "TCP" ※ 구글 자체 통신 규약인 QUIC을 표준화 한 것..

2022.11.15

'광고가 제거되었습니다' 오류 메시지

카카오 애드핏과 구글 애드센스의 배너 광고를 부착한 페이지에서 발생하는 오류 메시입니다. 배너의 이미지가 뜨지 않고 오류 알림 메시지로 대신합니다. 아래의 이미지는 웹 브라우저가 접속한 카카오 티스토리 블로그에 부착한 카카오 애드핏 배너 광고에서 발생한 오류입니다. 참고로 동일한 형태의 오류가 구글 애드센스 배너 광고에서도 발생합니다. 복사했다고 해도 믿을 정도의 오류 메시지가 애드핏과 애드센스에서 발생하는 것은, ① 접속한 웹 브라우저가 자체 소스를 이용하여 오류 메시지를 출력 ② 동일한 소스의 관련 코드를 애드핏과 애드센스에서 사용 모두 가능하지만 구체적으로 어느 것인지는 아직 파악하지 못했습니다. 논리적으로 생각하면 ①이 정답에 가깝습니다. "광고가 제거되었습니다." 오류 메시지와 함께 아래 "자세..

2022.11.11

구글 애드센스 광고 크롤러 오류 수익 손실 발생 가능

"광고 크롤러 오류가 있으며, 이 때문에 수익 손실이 발생할 수 있습니다." “You have ad crawler errors, which can result in lost revenue.” 구글 애드센스 홈에 로그인하니까 '광고 크롤러 오류'가 발생했다는 알림 창이 떠있습니다. 2022년 11월 6일 발생하였으므로 현재 기준으로 3일 전입니다. ※ 한국과 애드센스 크롤러 서버의 시간 차이는 고려하지 않았습니다. 좀 더 자세하게 살펴보겠습니다. 오류 발생 알림 창 오른쪽 링크 '작업'을 누릅니다. ① 오류 발생 항목이 전체의 1%이며, 76회 광고 요청이 게재 제한되었습니다. ② 문제의 원인은 '크롤러: 호스팅 서버 과부하'입니다. 구글의 크롤러와 애드센스의 크롤러는 서로 다른 봇(bot)입니다. 애드센..

2022.11.09

구글 PageSpeed Insight에서 발생한 크롤링 오류 - 인식 가능한 링크

2022년 11월 8일 발생 링크를 크롤링할 수 없음 검색엔진에서 링크에 대해 `href` 속성을 사용하여 웹사이트를 크롤링할 수 있습니다. 앵커 요소의 `href` 속성이 적절한 대상에 연결되어 사이트에서 더 많은 페이지가 검색되도록 하세요. 자세히 알아보기 크롤링할 수 없는 링크 div.lb-outerContainer > div.lb-container > div.lb-nav > a.lb-prev div.lb-outerContainer > div.lb-container > div.lb-nav > a.lb-next div.lb-outerContainer > div.lb-container > div.lb-loader > a.lb-cancel div.lb-dataContainer > div.lb-data >..

2022.11.08

CSS attribute selector

[attribute] selector [attribute="value"] selector [attribute~="value"] selector [attribute|="value"] selector [attribute^="value"] selector [attribute$="value"] selector [attribute*="value"] selector a[target] { ... } input[type="text"] { ... } div[style*="display: none"] { ... } div[style*="height: 40px"] { ... } - ':not()' selector와 결합 div:not([style*="display: block"]) { ... } - ':not()' sele..

2022.11.07

티스토리 블로그에 도메인 포워딩과 애드센스를 결합할 때 주의할 점

일부 도메인 포워딩 서비스를 이용하여 자신의 티스토리 블로그를 고유 도메인과 연결시켜 사용하는 사례가 많습니다. 예를 들어 "domainforwarding.kr" 도메인을 "domainforwarding.tistory.com"과 연결하여, "domainforwarding.kr"로 접속이 가능하게 만드는 방법입니다. 티스토리 블로그에 구글 애드센스 배너를 부착할 때 먼저 확인해야 할 것이 있습니다. 아래 정보는 구글 애드센스 고객센터에 등록된 정보의 일부를 발췌한 것입니다. http_only Google 크롤러는 HTTP 및 HTTPS의 모든 ads.txt 파일을 크롤링하려고 시도합니다. HTTP만 소유한 경우 크롤러가 ads.txt를 찾을 수 있도록 HTTPS에서 HTTP로 리디렉션을 설정하세요. htt..

2022.11.03

티스토리 백업 실패 (후 성공)

2022년 10월 27일 아침 데이터 센터 문제로 일시 중지되었던 티스토리 백업이 성공적으로 종료되어 하나의 압축 파일 안에 블로그 모든 글을 백업해 놓았네요. 백업 방법은 본 글의 중간에 설명해 놓았습니다. 2022년 10월 15일 티스토리 운영이 중단되는 사건이 발생하였습니다. 등록한 글의 데이터 백업을 해놓지 않아서 혹시 지금 가능할까 검사하는 마음으로 백업을 실행하였습니다. 그리고 24시간 지났습니다. 계속 백업 중이라는 메시지가 떠 있었습니다. 아래와 같이 새소식이 알림 메시지로 도착하였습니다. 테스트 계정이 하나 더 있어서 2개의 메시지가 전송된 것입니다. 작업이 완료되었는 데, 백업 신청을 일시 중단하는 것으로 종료되었습니다. 서버가 불안정하여 관리자가 백업 프로세스를 강제로 종료시킨 것으로..

2022.10.18

티스토리 애드센스 광고 송출 문제

더보기 ※ 애드핏 - 모든 페이지 광고 정상 출력 ※ 애드센스 - PC 첫 페이지 정상 출력 - 모바일 페이지 정상 출력 ▶ 2022.10.12부터 모바일 첫 페이지 제외하고 출력 불량/불능 PC 나머지 페이지 출력 불량/불능 PC 사이드바 "애드센스 관리 설정" 출력 불량/불능 PC 사이드바 "플러그인" 정상 출력 ▶ 2022.10.11 오후 애드센스 이따금씩 정상 출력. 증상이 계속 변합니다. 최근 티스토리 블로그에 부착한 구글 애드센스 광고가 전혀 출력되지 않거나, 뜸하게 그리고 불규칙하게 출력되는 문제가 발생하고 있습니다. 티스토리 블로그 계정 소유자는 애드센스 광고 서비스를 직접 제공하는 구글, 그리고 티스토리 블로그와 연동시켜 블로그 관리 페이지에서 쉽게 설정 가능한 서비스를 제공하는 카카오에..

2022.10.08

구글 크롬 기준 특정 웹 사이트 이미지 로딩 차단 설정

How to block website Images by setting Google Chrome 특정 웹 사이트의 웹페이지에 첨부된 이미지의 로딩을 차단하는 방법 - 과도하게 첨부된 이미지를 차단하고 텍스트만 로딩하여 쾌적한 인터넷 로딩 속도로 유용한 정보를 취득할 수 있습니다. - 페이지에 첨부된 광고의 이미지 소스가 다른 사이트일 경우 광고 이미지는 차단되지 않습니다. - Google Chrome 브라우저 - Version 105.0.5195.127 (Official Build) (64-bit) 크롬 웹 브라우저의 오른쪽 3점 메뉴 버튼을 누릅니다. 펼쳐진 메뉴의 선택 항목 중에서 '설정'을 선택합니다. 설정 항목에서 '개인정보 및 보안'을 선택합니다. 개인정보 및 보안 항목에서 '사이트 설정'을 선택..

2022.09.29

구글 애드센스 광고 용어 정리

구글 애드센스 고객센터의 도움말 센터에서 제공하는 용어집의 내용 일부를 간추렸습니다. [링크] 구글, 애드센스, 고객센터, 도움말 센터, "용어집" 이해하기 편하게 원문을 수정하였습니다. 그리고 일부 영문 표기는 구글 검색과 용어집 영문판의 내용을 참고하였습니다. 정리하는 과정의 부주의와 무지로 인한 오류가 발견될 수 있습니다. 정확한 내용은 위 링크 참고 CPC - 클릭당 비용, cost-per-click - cost / click - 광고 1회 클릭으로 게시자가 벌어들이는 금액 ※ 광고의 CPC는 전적으로 광고주가 정하는 것이며, 광고하는 제품에 따라 광고주가 클릭당 지불하려는 금액이 달라집니다. CTR - 클릭률, click-through rate - ad clicks / ad impressions..

2022.09.23

FireFox에서 flex-wrap과 overflow의 호환성 부족 해결 사례

#aside .inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow-y: auto; /* 문제의 원인 */ "#aside .inner"는 flex 컨테이너이며, 2개의 박스 a와 b를 담고 있습니다. 컨테이너는 상하(y축) 스크롤됩니다. "flex-wrap: wrap" 설정을 집어넣어 컨테이너의 폭이 여유가 있을 경우 가로로 2개의 박스를 배열하고, 폭이 좁을 경우 세로로 박스를 배열합니다. MS Edge와 Google Chrome은 가로, 세로 배치가 정상으로 전환되지만, Mozilla FireFox는 세로로만 배열됩니다. Microsoft Ed..

2022.09.19

티스토리 블로그 로그인 오류 "지금 이 페이지가 작동하지 않습니다." 복구

제 경우에는 카카오계정, 티스토리 계정 모두 로그인 안되고 위의 오류 메시지 떴습니다. 현재는 여러 가지 방법을 시도하다가 가까스로 카카오계정으로 로그인 성공하였습니다. 티스토리 로그인 서버에서 오류가 발생하여 복구한 것일지도 모릅니다. 어쨌든 위와 같은 오류 메시지가 뜰 때, 계정 관리자가 시도할 수 있는 방법이 있어서 기재해 놓겠습니다. 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.09.16

viewport maximum-scale, minimum-scale

document root element element element element attribute "href" element element text "my title" text "my link" text "my header" 더보기 The element is a container for meta-data(a set of data that describes and gives information about other data) and is placed between the tag and the tag. HTML 문서 요소의 viewport 설명 ① minimum-scale=1.0 maximum-scale=1.0 접속자가 컨텐트를 뷰포트 기준 100%(1.0)까지 확대 및 축소할 수 있게 설정하였습니다. ..

2022.09.08

북클럽 스킨 "포인트 컬러(point-color)" 변경

북클럽 스킨의 "skin.html" 파일의 상단에는 1개의 링크와 2개의 헤더 숫자의 색을 지정하는 CSS 스타일 설정 구문이 있습니다. 1. 글 본문 텍스트 링크(".entry-content a") 2. 글 리스트 제목의 개수(".post-header h2 em") 3. 댓글 제목의 개수(".comments h2 .count") 모두 동일한 색으로 지정하는 것입니다. 위의 이미지에서 사용한 파란색은 "#0150FE"입니다. 북클럽 스킨 skin.html의 색 설정 코드 .entry-content a, .post-header h2 em, .comments h2 .count {color:} .comment-form .submit button:hover, .comment-form .submit button:..

2022.08.30

(function () {})();

(function () { })(); a regular function function () {} + function call (); IIFE - Immediately-Invoked Function Expression - It executes immediately after it’s created. It was popular in JavaScript as a method to support modular programming before the introduction of more standardized solutions such as CommonJS and ES modules. Immediately invoked function expressions can be used to avoid variable..

2022.08.29

마이크로소프트 엣지 메모리 관리 이상 증상

윈도우 10에서 사용하는 웹브라우저 Edge, 버전 104.0.1293.54에서 메모리가 정상적으로 반환되지 않는 증상이 발생합니다. 2022년 8월 18일 현재 최신 버전입니다. 아래 이미지는 엣지 웹브라우저를 사용하여 제 블로그("netware.tistory.com")를 접속하고 일정 시간을 사용하고 개발자 도구를 실행하여 현재 메모리 사용 상태를 캡처한 이미지입니다. 개발자 도구(DevTools)의 릴리즈 번호는 따로 없고 Edge 번호에 대응하는 것으로 추측합니다. 현재 104입니다. 엣지 개발자 도구의 성능 모니터가 제공하는 화면의 각종 정보 왼쪽: 처음 접속 상태 오른쪽: 일정 시간 사용 후 메모리가 반환이 안된 상태 Edge가 정상적으로 작동하는 상태에서는 왼쪽 화면의 수치에 근접하여 CPU..

2022.08.18

티스토리 블로그의 글 검색 기능과 카테고리의 연결 구조

https://netware.tistory.com/225?category=987855 블로그에 등록한 225번 글이며 카테고리 987855의 인터넷 주소입니다. 987855는 카테고리 "코딩 CSS"의 번호입니다. https://netware.tistory.com/225 카테고리 정보 없이 글 번호 225에 해당하는 인터넷 주소입니다. 위 2개의 주소 모두 동일한 글을 웹브라우저에 열어서 보여 줍니다. 이 글과 연결된 정보를 제공할 때에는 카테고리 정보의 유무 때문에 다른 범위의 관련 정보를 제시합니다. 티스토리 스킨 가이드의 "글 치환자" 페이지, "이전 글 / 다음 글" 치환자 설명입니다. 이 치환자 설명을 응용하여 다음과 같은 코드를 글에 추가하여 이전 글과 다음 글에 대한 링크를 만들 수 있습니다..

2022.06.27

구글 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.06.21

Microsoft/Monaco Editor Shortcuts(단축키)

Microsoft / Monaco Editor A browser based code editor The Monaco editor is not supported in mobile browsers or mobile web frameworks. We cannot guarantee that all of the shortcuts are working properly since the operations may differ depending on the version of OS and browsers. 개인적으로 필요해서 인터넷에서 자료를 수집하여 정확한 단축키 모음 글을 작성하기 시작했습니다. 스크립트로 단축키 속성 변경이 가능하기 때문인지 공식적으로 발표된 문서나 단일화된 자료도 발견할 수 없었습니다. 아래 글..

2022.06.18

티스토리 블로그 플러그인 "코드 문법 강조(Syntax HighLight)" 변경 주의

이 글은 어제부터 발생한 티스토리 블로그 HTML과 CSS 편집기의 이상 작동 현상에 대한 개인적인 판단을 수록한 것입니다. 나름대로 거의 100% 확신을 갖고 글을 작성하여 등록하였는 데, 다시 편집기의 기종이 불시에 바뀌었다가 정상이 되는 난해한 현상이 반복되고 있습니다. 블로그 관리 홈의 "코드 문법 강조" 플러그인의 옵션 선택과 상관없이 단순하게 코드 편집기의 기종 변경 작업이 진행 중이라고 결론이 날 것 같습니다. 티스토리 블로그를 관리하려면 개인 계정의 "블로그 관리홈"에 로그인하여 개별 항목을 편집하고 변경할 수 있습니다. 관리홈의 아래로 페이지를 내리면 "플러그인" 메뉴가 있습니다. SNS 글보내기, Youtube 동영상 첨부, 마우스 오른쪽 클릭 방지, 이전 발행 글 넣기, 코드 문법 강..

2022.06.14

인기글

자동차 계기판 경고등과 표시등

Photo by Hannes Egler on Unsplash 2020.04.14 : 내용 수정 ​ 자동차 계기판의 표시등과 경고등은 차량의 상태를 운전자에게 알려 주는 중요한 수단입니다. 경고등에 불이 들어오면 즉시 전문가에게 도움을 요청하거나, 상황에 적합한 조치를 취하여야 합니다. 등록한 정보는 자동차 전문가가 아닌 일반인을 위한 단순 참고용 자료입니다. 소유하고 있는 자동차의 제조업체에서 제공하는 매뉴얼과 정보, 서비스 센터의 정확한 지침을 따르시기 바랍니다. ​ [참고] 네이버 지식백과 / 판타스틱 자동차, "발견 즉시 정비소로, 전문가의 도움을 요하는 경고등" [참고] 네이버 지식백과 / 판타스틱 자동차, "이럴 땐 이렇게, 운전자의 행동을 요하는 경고등" [참고] 네이버 지식백과 / 내 차 사..

2020.04.04

DevTools, 개발자 도구의 HTTP 404 오류

브라우저 개발자 도구를 활용한 페이지 소스 코드의 오류 수정 DevTools가 원본 맵을 로드 하지 못했습니다. https://yyy/xxx.js.map의 콘텐츠를 로드할 수 없습니다. HTTP 오류: 상태 코드 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE ​ DevTools failed to load SourceMap: Could not load content for xxx.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE 브라우저를 실행시킨 상태에서 키보드 F12 혹은 를 동시에 누르면 개발자 도구가 실행됩니다. 웹 페이지의 각종 코드 정보와 오류를 확인할 수 있는 유용한 도구입니다. 이 개발..

2020.07.22

클릭 후 입력(input) 필드의 색과 placeholder의 글자 색 변경

현재 블로그에 사용하는 검색 입력 창의 모습입니다. 배경 색 #eee, placeholder의 글자 색 #555입니다. 마우스로 클릭하고 난 후 커서가 중앙에서 깜박이고 있으며 입력 창의 배경 색이 #fff으로 변경되고, placeholder 글자는 사라졌습니다. 편하게 입력할 준비가 된 상태입니다. 클릭을 했는 데도 placeholder 글자가 남아 있으면 입력하기 전에 먼저 지워야 하는지 고민하게 됩니다. HTML의 placeholder는 입력 창 혹은 입력 필드에 집어넣을 내용에 대한 설명을 간단하게 나열한 문구입니다. ※ 웹 브라우저의 쿠키에 저장되어 있던 예전에 입력한 검색어들과는 관련이 없습니다. 웹 브라우저로 접속한 웹 사이트에서 사용자가 기존에 입력했던 입력 단어를 입력 필드에 미리 제시하..

2022.05.31

전화 번호 체계, +82, 10

0 "010-1234-5678"에서 첫 자리 0은 현재 망을 벗어난다는 의미로 사용합니다. ​ 010-1234-5678 0, 현재 망을 벗어나서 10, 이동통신 망으로 들어가서 1234-5678, 번호를 연결합니다. ​ 02-1234-5678 0, 현재 망을 벗어나서 2, 서울 지역 망으로 들어가서 1234-5678, 번호를 연결합니다. ​ 070-1234-5678 0, 현재 망을 벗어나서 70, 인터넷 전화 망으로 들어가서 1234-5678, 번호를 연결합니다. ​ 그래서 동일 지역이거나 동일한 이동통신 망이거나 동일한 인터넷 전화 망인 경우, 지역번호, 이동통신 망번호(010), 인터넷 전화 망번호(070)을 생략할 수 있습니다. + + 앞에 국제전화 서비스 번호를 붙이라는 의미입니다. "이용하려는 ..

2019.12.10

물질의 전기 전도율과 저항 (Electrical Conductivity and Resistivity of Meterials)

물질의 전기 전도율과 저항 (Electrical Conductivity and Resistivity of Materials) 물질 Materials 전기 저항 Resistivity p(Ω•m) at 20° C low ↕ high 전기 전도율 Conductivity σ(S/m) at 20° C high ↕ low 은(Silver) 1.59/108 6.30x107 구리(Copper) 1.68/108 5.98x107 연구리(Annealed Copper) 1.72/108 5.80x107 금(Gold) 2.44/108 4.52x107 알루미늄(Aluminum) 2.82/108 3.5x107 칼슘(Calcium) 3.36/108 2.82x107 베릴륨(Beryllium) 4.00/108 2.50x107 로듐(Rho..

2019.12.04

윈도우 10 UEFI, MBR 부트 로더 복구

​ 윈도우 10 부팅을 위한 MBR, UEFI 부트로더 복구 모든 자료를 잃을 수 있는 위험한 작업입니다. 정보 공유를 위하여 등록한 것이므로, 입력한 코드를 정확하게 다시 한번 확인하기 바랍니다. 1. GPT 부팅을 위한 ESP(EFI System Partition) 복구 윈도우 10 버전 1903, 1909 기준 MSR 및 EFI 파티션은 UEFI 기반의 GPT 디스크에서만 지원합니다. MSR: MIcrosoft Reserved Partition ESP: EFI(Extensible Firmware Interface) System Partition ​ EFI 부트 파티션이 훼손되거나 삭제되어 부팅이 불가능한 경우 윈도우 설치 미디어를 사용하여 PC 부팅 첫 화면에서 "Shift + F10"을 눌러 명령..

2019.11.27

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.05.23

가스 자동 차단기 피스존 GT02 에러

상표: 피스존 가스타이머 상품 세부 명칭: GT02 제조업체: 제너럴테크놀러지 홈페이지: www.gastimer.net 제조업체 구입문의: 1588-2784 (보안 연결 HTTPs 지원하지 않습니다. HTTP로 접속해야 합니다.) 초기 설정 시간 20분입니다. 시간 +와 -, 분 +와 - 버튼을 눌러서 사용 시간 변경 및 설정 가능합니다. 종료 5분 전 3회의 경보음이 울리고 종료 시 100% 가스 차단이 되도록 만든 제품입니다. 가스차단기 오류 메시지 btt, Err1, Err2, Err4 이 제품은 문자판 LCD가 있어서 제품에 이상이 발생할 경우 음성 신호와 함께 문자판에 오류의 종류를 표시합니다. 홈페이지에 btt, Err1, Err2, Err4 4가지 에러 발생 신호에 대응 방법을 제공합니다. ..

2021.02.15

수전 누수 카트리지 편법 수리

카트리지: RLS100AR6 제조업체: 로얄 재질: 황동 ​ 상당히 오래전에 구입하여 직접 설치한 세면기용 수전입니다. 20년 가까이 사용하니까 내부 부품이 마모되거나 카트리지에 이상이 발생하여 수도꼭지를 잠가도 누수가 24시간 진행되는 상태입니다. ​ 일단 분해하여 내부 조사를 한 후 부품만 교체할지 아니면 새로운 수전을 구입하여 시공할지 결정할 것입니다. 수도꼭지 분리 거의 대부분 수전 위에 결합되어 있는 수도꼭지 앞 혹은 뒤를 보면 육각 볼트로 연결되어 있습니다. 육각 L 렌치 혹은 별 드라이버가 필요합니다. ​ RLS100AR6 제품의 육각 볼트 헤드의 직경은 3mm입니다. 제품 및 제조업체마다 사용한 볼트의 직경과 형태가 다릅니다. ※ American Standard 욕조 수전은 2.5mm 볼트..

2021.01.26

font-size의 변환, pixel을 em/rem으로

font-size 단위 변환 pixels → (R)EM 계산 방법 2(r)em = " (root) font size(px, pixel) * 2 " px body의 기본 font-size가 16px일 때 2(r)em은 16*2, 즉 32px ※ rem은 root의 기본 font-size에 대한 상대 수치 ※ em은 parent element의 font-size에 대한 상대 수치 2px = " 2 / (root/parent element) font-size " (r)em = 0.125(r)em 폰트 계산기 webSemantics | Web development resources, Font size conversion px-pt-em-rem-percent (websemantics.uk) nekoCalc, PX..

2022.03.26

윈도우 '시스템 복구 디스크' 만들기 오류

1. 시스템 복구 디스크 만들기 오류 2. 오류 수정 방법 3. 참고 이미지 4. REAGENTC 정보 시스템 복구 디스크(System Repair Disk) 만들기 오류 윈도우7에 '백업 및 복원(Windows 7)'도구가 추가되었습니다. 현재 윈도우10까지 계속해서 이 도구를 지원하고 있습니다. ​ 제어판에 등록되어 있는 해당 도구를 실행시키면 '시스템 복구 디스크 만들기' 기능을 이용할 수 있습니다. CD/DVD를 부팅 미디어로 만드는 기능입니다. ♥ "USB/CD/DVD"를 "CD/DVD"로 수정하였습니다. USB에 '시스템 복구 디스크 만들기'는 일반적인 방법으로는 불가능합니다. CD/DVD에 먼저 '시스템 복구 디스크'를 만든 후에 ISO 파일로 추출하고 RUFUS와 같은 유틸리티를 이용하여 ..

2019.12.26

티스토리 블로그 글의 HTML 태그 입력 방법

이 블로그에 200개 가까이 글을 등록하면서 모든 글의 "태그"를 잘못 입력하여 그것 수정하느라 3일 동안 단순 노동에 시달렸습니다. 혼자만 알고 있기에는 아까워서, 흔적도 남기고 다른 블로거들은 그처럼 어처구니없는 실수를 저지르지 말라고 태그 입력하는 정확한 방법을 설명합니다. 티스토리 블로그에서 태그를 접하는 위치는 3군데입니다. 태그 접근 위치 1. 블로그 글의 "카테고리의 다른 글"과 "댓글" 사이 2. 사이드바의 "태그" 정보 블로그 관리자의 설정에 따라 감출 수도 있고 위치 변경이 가능합니다. "관리", "블로그 관리 홈", "사이드바" 순서로 접근하여 설정할 수 있습니다. 3. 블로그의 원하는 위치에 "태그" 정보를 담은 페이지로 안내하는 링크를 붙일 수 있습니다. 아래 "태그" 버튼은 블로..

2022.01.15

CSS로 '위 첨자'와 '아래 첨자' 입력

위 첨자: superscript 아래 첨자: subscript HTML 코드 한글위 첨자 한글위 첨자 한글아래 첨자 한글아래 첨자 CSS 코드 기본(디폴트) vertical-align: baseline; 위 첨자(superscript) vertical-align: super; 아래 첨자(subscript) vertical-align: sub; font-size를 'small'이나 'smaller' 값으로 지정하여 글자의 크기를 더 작게 만듭니다. px나 em 단위로 지정해도 되겠죠. Class 지정 방법 선택 .superscript { vertical-align: super; font-size: small; } .subscript { vertical-align: sub; font-size: small; ..

2021.10.17

마이크로소프트 엣지 메모리 관리 이상 증상

윈도우 10에서 사용하는 웹브라우저 Edge, 버전 104.0.1293.54에서 메모리가 정상적으로 반환되지 않는 증상이 발생합니다. 2022년 8월 18일 현재 최신 버전입니다. 아래 이미지는 엣지 웹브라우저를 사용하여 제 블로그("netware.tistory.com")를 접속하고 일정 시간을 사용하고 개발자 도구를 실행하여 현재 메모리 사용 상태를 캡처한 이미지입니다. 개발자 도구(DevTools)의 릴리즈 번호는 따로 없고 Edge 번호에 대응하는 것으로 추측합니다. 현재 104입니다. 엣지 개발자 도구의 성능 모니터가 제공하는 화면의 각종 정보 왼쪽: 처음 접속 상태 오른쪽: 일정 시간 사용 후 메모리가 반환이 안된 상태 Edge가 정상적으로 작동하는 상태에서는 왼쪽 화면의 수치에 근접하여 CPU..

2022.08.18

구글 Page Speed Insights 웹페이지 속도 측정

접속 사이트: https://developers.google.com/speed/pagespeed 서비스 명칭: PageSpeed Insights 서비스 특징: 웹 페이지 로딩 속도 측정을 통한 사용자 환경 보고서 발행 ​ https://developers.google.com/speed 접속하면 "Make the Web Faster" 페이지를 만나게 됩니다. 한마디로 웹 접속 환경을 더 빠르게 개선하자는 목적으로 관련 도구를 제공하는 것입니다. ​ " Analyze and optimize your website with PageSpeed tools " "PageSpeed tools" 도구 중 하나가 "PageSpeed Insights"입니다. ​ 그 외에 다음과 같은 서비스도 제공합니다. 당연한 것이지만 ..

2021.02.08

핸드폰 유심(USIM)의 종류와 재사용

유심 USIM Universal Subscriber Identity Module 범용 사용자 식별 모듈 3세대 이동통신 단말기부터 사용한 사용자 식별 모듈 SIM 카드는 GSM 통신 방식을 사용하는 국가에서 표준으로 널리 사용된다. 유심 크기 마이크로 유심: - 12mm x 15mm - 갤럭시(S3, S4, S5), 갤럭시노트(2, 3, 4), 아이폰 4S, 옵티머스(G2, G3) 나노 유심: - 9mm x 12mm - 갤럭시 S6, 갤럭시 노트5, 아이폰(5, 5S, 5C, 6, 6S) 및 이후 출시 단말 출처 KT Shop, 바로 개통 유심 (나노 유심/마이크로 유심), https://shop.kt.com/accessory/accsProductView.do?prodNo=AC00051548 3세대 이동..

2019.11.30

KT 가입 핸드폰 사용자 소액 결제 내역 무단 변경

읽기 전에 꼭 알아야할 정보 KT 소액 결제 "이용 동의하기" KT 소액 결제 서비스를 이용하려면, 가입자는 반드시 본인이 "소액 결제 서비스"를 언제든지 이용할 수 있는 사전 동의를 KT와 약정을 맺어야 합니다. "이용 동의하기"가 바로 "소액 결제 서비스" 가입을 의미하지 않습니다. "소액 결제 서비스" 전 단계가 "이용 동의하기"입니다. "이용 동의하기" 약정을 맺으면 KT에서 약정을 파기하거나 해지하지 않는 한 평생 "동의" 상태를 유지합니다. 통신사를 이동해도 KT에는 가입자의 "이용 동의" 상태가 지속됩니다. KT에 재가입하면 "이용 동의"가 이미 완료된 상태이므로 "소액 결제 서비스"에 바로 가입할 수 있습니다. 가입자 본인이 "이용 동의하기"를 절대 해지하지 못합니다. KT만 "이용 동의하..

2021.04.25

HTTP/3

HTTP/3은 WWW(World Wide Web)의 정보 교환용으로 사용하는 HTTP(HyperText Transfer Protocol)의 세 번째 메이저 버전으로, HTTP/1.1, HTTP/2를 개선하였다. HTTP/1.1과 HTTP/2는 TCP로 통신하며, HTTP/3는 UDP 기반 다중 통신 규약(multiplex transport protocol)인 QUIC으로 통신한다. ※ TCP는 UDP와 같이 OSI 7 계층 모델에서 4번째 층인 전송 계층에서 사용하는 통신 규약이다. 컴퓨터끼리 통신할 때 사용하는 프로토콜이기 때문에 신뢰성은 높지만 실시간 전송의 지연에는 약하다. 이 때는 UDP를 사용한다. [참고] 네이버 오픈 사전 PRO, "TCP" ※ 구글 자체 통신 규약인 QUIC을 표준화 한 것..

2022.11.15

국민은행 ATM(자동화기기) 서비스 이용 시간과 수수료

자동화기기 이용 수수료 [출처] 국민은행 PC용 "자동화기기" 통합검색 페이지 링크 페이지를 띄우고 중간쯤 내려가면 "자동화기기를 이용한 무매체 출금거래 "이용약관"과 "서비스 설명서" PDF 파일을 다운로드할 수 있습니다. 이용 시간과 수수료 관련 내역은 "서비스 설명서"를 참고합니다. 무매체 출금 서비스의 이용 수수료는 자동화기기 이용 수수료와 동일합니다. ※ "국민은행 / 고객센터 / 자동화기기 / 자동화기기 이용 수수료" 페이지의 내용과 일치합니다. ㉠ 영업시간 내, 영업시간 외 모두 수수료 면제 KB국민은행 기기 이용하여 KB국민은행 계좌 송금 (KB 국민은행의 본인과 타인 계좌) ​ ㉡ 영업시간 내 수수료 면제 KB국민은행 기기 이용하여 출금할 경우 (프리미엄, 일반 등급) ​ ㉢ 다른 항목은..

2020.10.05

영어 'how do you think ~'와 'what do you think ~'의 구조와 사용 형태

'how do you think ~'와 'what do you think ~'의 구조와 사용 형태 ●○ 문장 구조: 간접 의문문(indirect question, embedded question) ​ ○ 'how do you think ~' How do you think that happened? ​ 평서문 -> 직접 의문문 -> 간접 의문문 That happened for the reason of something . How did that happen? 'do you think'(전달문) + 'how did that happen?'(피전달문) How do you think that happened? 사건이 발생한 이유, 원인, 방식 등에 대한 질문입니다. 이런 형태의 문장을 간접 의문문이라고 부릅니다..

2020.04.18