netwareMore tt-body-index

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

Chromium 엔진 기반 웹 브라우저 버그 구글 Chromium 오픈 소스 프로젝트 기반 엔진을 사용하는 웹 브라우저 Microsoft Edge와 Google Chrome에서 페이지 렌더링에 오류가 발생하고 있습니다. Chromium의 버그로 추측하며, 최근 AI 기능 접목을 위한 브라우저 소스 코드 개편 과정의 코딩 실수가 누적되고 있는 것으로 짐작하고 있습니다. ※ Naver 웨일(Whale)도 Chromium 기반 엔진을 사용하고 있습니다. 웨일 최신 버전(3.25.232.19)에는 크로미움 122 업데이트가 적용되어 있으며, 마이크로소프트 엣지와 구글 크롬에서 발생하는 페이지 렌더링 오류가 발생하지 않습니다. 크로미움의 버전 차이가 있는지는 확인이 안되고 있습니다. 하나의 버그로 그치지 않고 다양한 이상 증상이 나타나고 있습니다. IT 기.. 2024.03.16

on (the) weekends or at (the) weekends American English - on (the) weekends, on the weekend British English - at (the) weekends, at the weekend "on the weekend" means "on this weekend", not "on (the) weekends". "(on) every weekend" stresses the idea that this occurs on every single weekend without fail. "on (the) weekends" means generally "when it is a weekend". "on (the) weekends" will refer to particular weekends or weekends during.. 2024.03.05

it, this and that it - pronoun - used as the subject of a verb, or the object of a verb or preposition, to refer to a thing, animal, situation, or idea that has already been mentioned: this - determiner, pronoun - used for a person, object, idea, etc. to show which one is referred to: that - determiner, pronoun - used to refer to a person, object, idea, etc. that is separated from the speaker by space or time: [출.. 2024.03.05

scrollbar가 사라질 때 layout shift 발생 회피 요령 아래와 같은 CSS 코드를 설정하여 스크롤바(scrollbar)의 폭을 8픽셀(px)로 지정하여 사용하고 있습니다. 가로와 세로 스크롤바에 모두 적용됩니다. ::-webkit-scrollbar { display: block; width: 8px; height: 8px; } sidebar와 같은 상위 레이어 팝업 창을 띄울 때, 1. 일단 주위에 음영(dimm)을 주어 상위 레이어를 강조하고, 2. 하위 레이어인 바탕 페이지가 마우스의 scroll에 반응하는 것을 막기 위하여 아래와 같은 코드를 사용합니다. body { overflow: hidden; } 이때 페이지의 구성에 따라서 layout shift라고 하는 화면 변동이 눈을 어지럽히는 경우가 있습니다. 스크롤바가 사라진 폭만큼 body 요소가 움직.. 2024.02.19

Grid Layout으로 사이트 링크와 관련 사이트 리스트 병합 사이트 링크 메뉴는 티스토리 스킨 북클럽의 소스 코드 이용 관련 사이트 메뉴는 티스토리 스킨 오딧세이의 소스 코드 이용 HTML 페이지에 사용한 티스토리 치환자 ** 티스토리 사이트의 서버가 비정상적으로 작동하여 치환자 소스 코드를 첨부하면 페이지에서 바로 실행됩니다. ** 불가피하게 소스 코드 대신 이미지 파일로 대체합니다. 추후에 서버가 정상화 되면 정상적인 코드를 등록합니다. ** 치환자 소스 코드의 ##를 **로 교체하여 실행을 막아 놓았습니다. ** 고객센터에 코드 블럭 실행 문제를 문의하였습니다. 아직 해결 안 된 상태입니다. ** CSS와 Javascript 코드는 정상입니다. 1. 현재 접속 페이지 종류 출력 치환자 [**_body_id_**] 위 코드가 아직도 실행되면 요렇게 보입니다. .. 2024.02.15

jQuery "$(window).scrollTop()", Javascript "window.scrollY" 비교 $(window).scrollTop() and window.scrollY are both used to determine the vertical scroll position of a web page. However, there are some differences between them. $(window).scrollTop() is a jQuery method that returns the current vertical position of the scroll bar for the first element in the set of matched elements or sets the vertical position of the scroll bar for every matched element. It is .. 2024.01.21

Grid를 이용한 column과 row 변환 코드, Bing AI 질문 grid를 처음 공부하면서 블로그 코드를 변경하고 있는 중입니다. grid가 flex에 비하여 상당히 복잡합니다. 단기간에 익히기에는 좀 부담이 되어 모르는 부분은 Bing Chat(AI)의 도움을 받으면서 CSS 코드를 작성하고 있습니다. 반영하려는 웹 페이지의 디자인은 다음과 같습니다. 페이지의 폭이 넓을 때: column + gap + column 페이지의 폭이 좁을 때: row 1개, less than 500px width Bing Ai에 질문합니다. "How to set grid width, to be full width rows when the full width is less than 500px and to be 40% width 2 columns when the full width is m.. 2023.12.02

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

피부, 두피, 실리콘의 영향 지(루)성 피부와 두피 때문에 고생하고 있습니다. 실리콘과 같은 피부 차단 성분으로 인한 부정적인 영향이 있지 않을까 궁금하여 빙의 AI 검색 엔진에 질문하였습니다. 긍정적인 효과도 가능하겠지만 현대 사회가 광고 및 홍보에 지배당하는 느낌이 강하여 보이지 않는 뒷면을 찾아보고 싶은 생각에 부정적인 면을 조사합니다. 검색어는 "피부 두피 실리콘 악영향", 그리고 Bing AI의 답변입니다. 아래 붙여 넣기한 Bing의 답변을 구글에서 검색해 보았습니다. 단락 단위 검색입니다. 내용을 그대로 발췌했을 것으로 집작되는 소스를 알기 위한 목적이었습니다. 일치하는 겸색 결과를 찾을 수 없었습니다. 만약에 이 내용이 단순한 복사의 형태가 아닌 AI의 창작물일 경우 가능한 검색 결과라고 생각합니다. 피부와 두피에 실.. 2023.09.20

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

블로그 스킨의 자바스크립트 수정 코드에 대한 MS Bing AI 설명 const marks = document.querySelectorAll('#content .marker'); window.addEventListener('scroll', function() { const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; document.body.classList.toggle('roll', scrollTop > 400); for (const ele of marks){ let elementTop = ele.getBoundingClientRect().top; if ( elementTop < -64 ) { ele.classList.add('pin'); } .. 2023.06.24

갤럭시 워치5 와이파이 활성화 및 연결 방법 ※ 이 글은 2023년 6월 현재 워치 내장 펌웨어 버전과 앱을 기준으로 작성하였습니다. 추후 버전 업그레이드에 의하여 새로운 기능이 적용되면 글의 내용은 실효성을 잃게 됩니다. 참고하시기 바랍니다. 삼성전자 워치5 블루투스 기종을 사용하고 있습니다. 이 제품은 워치에 내장된 블루투스를 폰과 연결하여, 공유된 폰의 네트워크 연결을 공유할 수 있습니다. 폰이 주위에 없을 경우, 워치5 (블루투스)로 네트워크에 연결하는 기능이 궁금하여 인터넷을 검색했습니다. 워치5의 설정 > 연결에 들어가니까 와이파이를 On/Off 할 수 있는 메뉴가 있었습니다. 워치5만으로 네트워크(와이파이) 연결이 가능하다는 뜻입니다. 와이파이 On 유지 조건 위에 첨부된 이미지는 삼성전자 홈페이지의 고객센터 글을 캡처한 것입니다. 워.. 2023.06.03

갤럭시 워치5 삼성전자 갤럭시 워치5 사용하게 되어 간단한 정보와 사진 기록합니다. 아쉽게도 프로가 아닙니다. 프로의 시계 케이스는 티타늄입니다. 일반 버전과의 가격 차이가 10만 원 이상입니다. 그리고 프로에는 충전용 크래들이 포함되어 있습니다. 프로 밴드의 장착 부위가 분리되지 않기 때문에 충전할 때 필요합니다. 삼성전자 페이지를 살펴보면 보다 자세하고 정확한 정보 확인 가능합니다. 삼성전자 > 제품 > 워치 > 워치5 ㉮ 갤럭시 워치5 프로 - 45mm (해상도 450x450) - 사파이어 크리스털 글라스 디스플레이 - 티타늄 바디 케이스 - LTE or 블루투스 - WI-FI, NFC, GPS - 컬러: 블랙 티타늄, 그레이 티타늄 ㉯ 갤럭시 워치5 - 40mm / 44mm (해상도 각각 396x396 / 45.. 2023.05.10

difference between vs difference of difference of difference between · Is there any significant difference in quality between these two items? · There's a difference of eight years① between them②. [출처] Cambridge Dictionary, "Meaning of difference in English" ※ 'in quality'는 difference의 종류를 뒤에서 한정하고 있습니다. '質의 차이' 나이의 차이는 다름과 같이 표현할 수 있습니다. There is a 8-year difference in age between them. There is a difference of 8 years in age bet.. 2023.04.21

웹브라우저의 타사 쿠키 차단 설정 주로 사용하는 웹브라우저의 설정을 들어가니까 "타사 쿠키 차단(Block third-party cookies)"이라는 항목이 있습니다. 현재 접속 사이트 외에 다른 사이트의 쿠키 설정을 차단하는 옵션입니다. 용어 설명 쿠키(cookies)는 사용자가 사이트에 접속했을 때 저장하는 사용자 관련 정보입니다. 직접 접속한 사이트, 사용자가 방문한 사이트, 혹은 일반적으로 주소표시줄에 표기되는 도메인과 연결된 쿠키를 구글 크롬에서는 퍼스트 파티 쿠키(first-party cookies)라고 부릅니다. 현재 방문한 사이트의 웹 페이지에 다른 사이트의 콘텐츠를 부착하여 표시할 경우에, 해당 콘텐츠를 소유한 도메인에 의하여 생성되는 쿠키를 구글 크롬에서는 서드 파티 쿠키(third-party cookies)라고 부르.. 2023.04.05

뱅킹 보안 프로그램과 키보드 입력 충돌 태블릿 계열의 노트북을 사용합니다. 마이크로소프트 서피스 랩탑과 유사한 형태의 레노버 Miix이며, 용도에 따라서 키보드를 착탈하여 태블릿과 노트북을 겸용할 수 있는 작은 기기입니다. 터치 스크린 패널이 디스플레이 앞에 부착되어 있습니다. 최근 사용 중 키보드 입력이 안되고 디스플레이에 "화면 회전 설정" 알림 메시지가 갑자기 뜨는 야릇한 오류가 발생합니다. 얼마 전, 국내 인터넷 뱅킹에 필수인 보안 프로그램을 설치한 후 이런 증상이 출현하였습니다. 기기를 사용할 때 키보드의 연결 형태를 변경하거나 유선 마우스를 제거 또는 부착하는 등의 입력 디바이스의 변경이 발생하면 해당 오류가 발생합니다. 다시 원래의 형태로 되돌려도 오류가 복구되지 않아서 기기를 다시 부팅시키면 정상으로 돌아옵니다. 기기를 다시 부.. 2023.03.26

티스토리 카테고리의 새로운 글 아이콘 변경하는 방법 티스토리에 (댓글 아니고) 새로운 글을 등록하면 카테고리에 글이 등록되었다는 "N"자 아이콘이 새롭게 표시됩니다. 위 이미지를 기준으로 하여, 전체 글("글 모음"), 메인 카테고리("IT"), 서브 카테고리("티스토리") 3군데 아이콘이 나타납니다. 만약에 메인 카테고리만 사용한다면 2군데 표시가 되겠죠. 자신이 원하는 다른 이미지가 표시되도록 변경하는 방법 설명합니다. 1. 사용할 아이콘을 업로드합니다. 티스토리에서는 업로드한 이미지는 자동으로 "images" 폴더로 이동합니다. 2. style.css에 필요한 코드를 추가하고 업로드합니다. 사용하는 코드는 아래와 같습니다. 개인 사용 환경에 맞게 수정하면 됩니다. /* style.css에 추가하는 코드 */ #category li a img { bo.. 2023.03.16

구글 애드센스의 광고주 URL 차단 기능 변경 구글 애드센스 계정에 들어갔더니 2개의 알림 메일이 있습니다. 오늘 글은 "알림: 3일 후 하위 도메인 차단 기능이 도메인 수준으로 승격됩니다."가 무슨 말인지 확인하는 과정을 서술합니다. 알림 메시지의 아래에는 "작업" 링크가 있습니다. 알림의 내용이 어려워서 이해가 힘든 경우 들어가서 정확한 뜻을 확인하고 알맞은 대응 방안을 생각하라는 것입니다. 하위 도메인에 적용하던 기존의 차단 관리 기능을 도메인 수준으로 승격하겠다는 의미인 것 같습니다. 왜, 어떤 사유로 도메인을 차단하는 기능을 변경하는 것인지 그리고 어떤 도메인을 차단하는 것인지 자세한 내역이 명시되어 있지 않습니다. 구글에서 관련 내용에 사용한 단어를 조합하여 검색을 시도합니다. 검색어는 "하위 도메인 차단 기능". 위와 같이 검색 결과의 .. 2023.03.15

구글 크롬의 유튜브 동영상 재생 오류 복구 유튜브에서 동영상을 볼 때 제대로 재생이 되지 않는 경우가 있습니다. 그럴 때 사용할 수 있는 한 가지 해결 방법 공유합니다. 동영상 재생 오류가 발생하는 것은 간단하게 생각해도 몇 가지 직접적인 요인을 추론할 수 있습니다. - 컴퓨터나 그래픽 하드웨어의 불량 - 그래픽 카드, 칩, 혹은 CPU 내장 그래픽 코어를 구동하는 데 필요한 드라이버의 오류나 호환성 부족 - 동영상 압축에 사용된 코덱의 버그나 플레이어와의 호환성 문제 - 유튜브 서버가 지원하는 필요한 동영상 제작의 문제 위의 문제 발생 가능 요인은 개인마다 다르므로 평소에 점검을 해야 합니다. 이 페이지에서는 사용한 웹 브라우저 크롬의 설정을 변경하는 방법으로 문제를 해결할 것입니다. 문제가 발생한 크롬 브라우저 앱의 정보입니다. 업데이트를 빠.. 2023.03.05

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

갤럭시 워치5 와이파이 활성화 및 연결 방법 ※ 이 글은 2023년 6월 현재 워치 내장 펌웨어 버전과 앱을 기준으로 작성하였습니다. 추후 버전 업그레이드에 의하여 새로운 기능이 적용되면 글의 내용은 실효성을 잃게 됩니다. 참고하시기 바랍니다. 삼성전자 워치5 블루투스 기종을 사용하고 있습니다. 이 제품은 워치에 내장된 블루투스를 폰과 연결하여, 공유된 폰의 네트워크 연결을 공유할 수 있습니다. 폰이 주위에 없을 경우, 워치5 (블루투스)로 네트워크에 연결하는 기능이 궁금하여 인터넷을 검색했습니다. 워치5의 설정 > 연결에 들어가니까 와이파이를 On/Off 할 수 있는 메뉴가 있었습니다. 워치5만으로 네트워크(와이파이) 연결이 가능하다는 뜻입니다. 와이파이 On 유지 조건 위에 첨부된 이미지는 삼성전자 홈페이지의 고객센터 글을 캡처한 것입니다. 워.. 2023.06.03

가스 자동 차단기 피스존 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

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

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

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

전화 번호 체계, +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

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

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

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

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

유튜브 특정 채널의 차단과 해제 How to REPORT a YOUTUBE CHANNEL 유튜브를 탐색하면서 불필요한 특정 채널을 차단하여 개인 취향에 맞게 채널 리스트를 배열할 수 있습니다. 채널 차단 작업은 해당 채널의 기사나 동영상을 감추는 기능뿐만 아니라 본인의 유튜브 채널이 상대방에게 보이지 않게 감추는 기능이 있습니다. 얻는 것과 잃는 것이 있으므로 해당 기능은 조심해서 사용해야 합니다. 이 채널 차단 기능은 유튜브 스튜디오에서 일괄적으로 변경 가능합니다. 아래 설명을 보면 알겠지만, 구글 혹은 유튜브에서 차단 기능을 의도적으로 찾기 힘들게 감추어 놓은 느낌을 받게 됩니다. 페이스북(메타)을 비롯한 대부분의 SNS에서 회원의 탈퇴, 특정 정보 변경, 차단 기능을 깊숙한 곳에 숨겨 놓고 있습니다. 이러한 기능은 사업에 마이너스.. 2022.12.11

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

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

구글 결제 승인 스미싱 문자 2023년 2월 14일 받은 스미싱 문자 하나 올립니다. 스미싱, smishing은 SMS와 phishing을 합친 합성어로 신조어라고 할 수 있습니다. 문자를 발송하여 사기를 치는 것입니다. 받은 문자는 구글에서 많은 금액이 결제 완료 되었음을 알리는 내용을 담고 있습니다. 추가로, 본인이 결제한 것이 아닐 경우 피해를 막기 위하여 내용에 기재한 신고 전화로 즉시 연락하라는 친절한 안내를 하고 있습니다. 일단 구글에서 현금이나 카드로 구매한 사례도 없고 결제 카드를 아예 등록하지 않았으므로 무조건 스미싱 문자로 단정하고 해당 문자의 내용을 조사하였습니다. 모바일로 문자를 수신하면 위와 같이 스크롤바에 알림 메시지가 등록됩니다. 발송한 전화번호의 앞자리 +31은 문자 하단의 한국소비자원이라 사칭한 전화번.. 2023.02.14

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

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

윈도우 '시스템 복구 디스크' 만들기 오류 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