최신 글

Cover Item Thumbnail
구글 Chrome 텍스트 크기 렌더링 오류 모바일 기기(안드로이드)의 구글 Chrome 브라우저에서 텍스트 렌더링 결과가 font-size 지정과 무관한 오류 현상을 보이고 있습니다. 동일 페이지의 상단과 하단의 폰트 크기가 다르게 나타납니다.[추가] 2024.09.26글자의 크기만 확대하기 때문에, 글줄의 높이를 "line-height"로 지정할 경우 글자의 상하 여백이 줄어듭니다. 즉 행간이 사라지는 것과 같은 현상이 발생합니다.코드 오류로 인한 앱의 버그를 단기간 확실하게 수정할 수 있는 능력이 없으면서, AI를 표방하는 것은 모두 IT 관련 기업의 과장된 광고 술수입니다. 잘못된 AI로 인하여 발생하는 피해는 통제 불가능핳 정도로 위험한 수준이 될 수 있습니다. PC의 Chrome 브라우저에서는 해당 증상 발생하지 않습니다.  기기 ㉮: .. 2024.09.05 댓글 8
Cover Item Thumbnail
google adsense 광고에 적용하는 inline CSS code 예제 Google Adsense Help / Ad units의 다음 페이지 참고"How to modify your responsive ad code"다음 작업은 html 파일에 관련 코드를 추가하는 요령입니다. 티스토리 배포 스킨에서는 'skin.html' 파일을 수정합니다. 1. 애드센스 개별 광고(display ad unit) 페이지에서 제공하는 코드를 위한 클래스를 지정합니다. 아래 예문에서는 "ads_aside" 클래스를 추가하였습니다. 블로그 사이드바에 부착하는 광고라서 위치 확인이 편한 이름을 사용하였습니다.  2. 위에서 지정한 클래스를 위한 CSS style 코드를 추가합니다.  ※ 애드센스에서 제공하는 개별 광고의 기본 코드에 지정한 style 항목과 충돌하지 않게 조심합니다. 2024.08.27 댓글 13
Cover Item Thumbnail
바나나 보관 방법 바나나 구입 후 10일 정도의 기간 동안 갈변하지 않고 먹을 수 있는 방법입니다. 개인적으로 여러 가지 보관 방법을 실험하면서 얻어낸 간단한 요령입니다. 인터넷 검색으로 찾은 방법을 적용하면서 잘못된 부분을 개선하고 수정하였으며, 작년부터 이 보관 방법을 이용하여 최장 2주 정도까지 보관이 가능하였습니다. 갈변이나 과숙성 현상 거의 발생하지 않습니다. 주거 환경이 다른 이유로 인하여 기재한 내용과 다른 결과가 나올 수도 있습니다. 준비물: 바나나, 식초, 지퍼백(식품 포장 비닐) 1. 구입한 바나나의 겉 포장지(비닐)를 제거합니다.  2. 포장을 제거한 바나나 덩어리를 한 개씩 분리합니다. 가장자리부터 한 개씩 손으로 뜯어냅니다.  3. 낱개로 분리한 바나나의 꼭지를 1Cm 정도 남기고 잘라 줍니다. 주.. 2024.06.11 댓글 4
Cover Item Thumbnail
DISM 명령어로 Windows 이미지 복구 DISM.exe [dism_options] {Imaging_command} [] DISM.exe {/Image: | /Online} [dism_options]          {servicing_command} [] 설명  DISM에서 Windows 이미지의 기능 및 패키지를 열거, 설치, 제거, 구성 및 업데이트 사용할 수 있는 명령은 서비스되는 이미지에 따라 다름 사용할 수 있는 명령은 이미지가 오프라인 또는 실행 중인지에 따라 다름 FFU 명령/Capture-Ffu 실제 디스크 이미지를 새 FFU 파일로 캡처 /Apply-Ffu .ffu 이미지 적용 /Split-Ffu 기존 .ffu 파일을 여러 개의 읽기 전용 FFU 파일로 분할 /Optimize-Ffu 다른 크기의 저장소에 적용할 수 있도록 FF.. 2024.06.04 댓글 4
Cover Item Thumbnail
CSS border width 지정 값과 디스플레이 불일치 이유 블로그 웹 페이지의 하나의 요소에 상하 border 값으로 각각 1px로 설정하였습니다.크롬 웹 브라우저를 띄우고 개발자 도구로 확인하니까 위의 캡처 이미지와 같이 0.727픽셀로 표시됩니다.CSS 파일에 "border: 1px"로 지정한 내역이 반영되지 않은 것입니다. 웹 브라우저와 사용하는 기기의 OS 설정 값을 조사하고, 변경하면서 결과를 눈으로 확인하면서 이유를 찾았습니다.일단, 웹 브라우저의 화면 확대 및 축소 그리고 기기의 OS에서 설정하는 글자 크기 설정과 화면 확대 및 축소 기능에 영향을 받는다는 것을 확인하였습니다.1. OS(MS Windows 11)의 시스템 / 디스플레이 설정 값 변경 ① 텍스트 및 기타 항목의 크기 변경② 연결된 디스플레이의 해상도 변경- 기본 값으로 100%와 모니.. 2024.05.03 댓글 14
Cover Item Thumbnail
티스토리 스킨의 네임카드 CSS 코드 수정 수정이 필요한 서버 파일 comment.css의 네임카드 관련 코드 /* https://tistory1.daumcdn.net/ ... /style/comment.css */.tt_box_namecard { display: flex; justify-content: space-between; position: relative; min-height: 206px; background-color: #F7F7F7; margin-top: 20px; margin-bottom: 20px;}.tt_box_namecard .tt_btn_subscribe { display: flex; align-items: center; justify-content: center; height: 36px; margin-.. 2024.04.25 댓글 0
Cover Item Thumbnail
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 댓글 0
Cover Item Thumbnail
Chromium 엔진 기반 웹 브라우저 버그 구글 Chromium 오픈 소스 프로젝트 기반 엔진을 사용하는 웹 브라우저 Microsoft Edge와 Google Chrome에서 페이지 렌더링에 오류가 발생하고 있습니다. Chromium의 버그로 추측하며, 최근 AI 기능 접목을 위한 브라우저 소스 코드 개편 과정의 코딩 실수가 누적되고 있는 것으로 짐작하고 있습니다. ※ Naver 웨일(Whale)도 Chromium 기반 엔진을 사용하고 있습니다. 웨일 최신 버전(3.25.232.19)에는 크로미움 122 업데이트가 적용되어 있으며, 마이크로소프트 엣지와 구글 크롬에서 발생하는 페이지 렌더링 오류가 발생하지 않습니다. 크로미움의 버전 차이가 있는지는 확인이 안되고 있습니다. 하나의 버그로 그치지 않고 다양한 이상 증상이 나타나고 있습니다. IT 기.. 2024.03.16 댓글 0
Cover Item Thumbnail
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 댓글 2
Cover Item Thumbnail
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 댓글 0
Cover Item Thumbnail
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 댓글 2
Cover Item Thumbnail
Grid Layout으로 사이트 링크와 관련 사이트 리스트 병합 사이트 링크 메뉴는 티스토리 스킨 북클럽의 소스 코드 이용 관련 사이트 메뉴는 티스토리 스킨 오딧세이의 소스 코드 이용 HTML 페이지에 사용한 티스토리 치환자 ** 티스토리 사이트의 서버가 비정상적으로 작동하여 치환자 소스 코드를 첨부하면 페이지에서 바로 실행됩니다. ** 불가피하게 소스 코드 대신 이미지 파일로 대체합니다. 추후에 서버가 정상화 되면 정상적인 코드를 등록합니다. ** 치환자 소스 코드의 ##를 **로 교체하여 실행을 막아 놓았습니다. ** 고객센터에 코드 블럭 실행 문제를 문의하였습니다. 아직 해결 안 된 상태입니다. ** CSS와 Javascript 코드는 정상입니다. 1. 현재 접속 페이지 종류 출력 치환자 [**_body_id_**] 위 코드가 아직도 실행되면 요렇게 보입니다. .. 2024.02.15 댓글 2
Cover Item Thumbnail
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 댓글 4
Cover Item Thumbnail
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 댓글 5
Cover Item Thumbnail
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 댓글 5
Cover Item Thumbnail
피부, 두피, 실리콘의 영향 지(루)성 피부와 두피 때문에 고생하고 있습니다. 실리콘과 같은 피부 차단 성분으로 인한 부정적인 영향이 있지 않을까 궁금하여 빙의 AI 검색 엔진에 질문하였습니다. 긍정적인 효과도 가능하겠지만 현대 사회가 광고 및 홍보에 지배당하는 느낌이 강하여 보이지 않는 뒷면을 찾아보고 싶은 생각에 부정적인 면을 조사합니다. 검색어는 "피부 두피 실리콘 악영향", 그리고 Bing AI의 답변입니다. 아래 붙여 넣기한 Bing의 답변을 구글에서 검색해 보았습니다. 단락 단위 검색입니다. 내용을 그대로 발췌했을 것으로 집작되는 소스를 알기 위한 목적이었습니다. 일치하는 겸색 결과를 찾을 수 없었습니다. 만약에 이 내용이 단순한 복사의 형태가 아닌 AI의 창작물일 경우 가능한 검색 결과라고 생각합니다. 피부와 두피에 실.. 2023.09.20 댓글 16
Cover Item Thumbnail
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-overflow.. 2023.08.31 댓글 6
Cover Item Thumbnail
블로그 스킨의 자바스크립트 수정 코드에 대한 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 24 && ele.classList.contains('pin') .. 2023.06.24 댓글 10
Cover Item Thumbnail
갤럭시 워치5 와이파이 활성화 및 연결 방법 ※ 이 글은 2023년 6월 현재 워치 내장 펌웨어 버전과 앱을 기준으로 작성하였습니다. 추후 버전 업그레이드에 의하여 새로운 기능이 적용되면 글의 내용은 실효성을 잃게 됩니다. 참고하시기 바랍니다. 삼성전자 워치5 블루투스 기종을 사용하고 있습니다. 이 제품은 워치에 내장된 블루투스를 폰과 연결하여, 공유된 폰의 네트워크 연결을 공유할 수 있습니다. 폰이 주위에 없을 경우, 워치5 (블루투스)로 네트워크에 연결하는 기능이 궁금하여 인터넷을 검색했습니다. 워치5의 설정 > 연결에 들어가니까 와이파이를 On/Off 할 수 있는 메뉴가 있었습니다. 워치5만으로 네트워크(와이파이) 연결이 가능하다는 뜻입니다. 와이파이 On 유지 조건 위에 첨부된 이미지는 삼성전자 홈페이지의 고객센터 글을 캡처한 것입니다. 워.. 2023.06.03 댓글 4
Cover Item Thumbnail
갤럭시 워치5 삼성전자 갤럭시 워치5 사용하게 되어 간단한 정보와 사진 기록합니다.아쉽게도 프로가 아닙니다. 프로의 시계 케이스는 티타늄입니다. 일반 버전과의 가격 차이가 10만 원 이상입니다. 그리고 프로에는 충전용 크래들이 포함되어 있습니다. 프로 밴드의 장착 부위가 분리되지 않기 때문에 충전할 때 필요합니다.삼성전자 페이지를 살펴보면 보다 자세하고 정확한 정보 확인 가능합니다. 삼성전자 > 제품 > 워치 > 워치5 ㉮ 갤럭시 워치5 프로- 45mm (해상도 450x450)- 사파이어 크리스털 글라스 디스플레이- 티타늄 바디 케이스- LTE or 블루투스- WI-FI, NFC, GPS- 컬러: 블랙 티타늄, 그레이 티타늄 ㉯ 갤럭시 워치5- 40mm / 44mm (해상도 각각 396x396 / 450x450)- 사.. 2023.05.10 댓글 6

인기 글

Cover Item Thumbnail
윈도우 10 바탕화면 마우스 우 클릭 메뉴 로딩 오류 윈도우10에서 바탕화면에 마우스 우 클릭하면 텍스트 메뉴창이 나타납니다. 이 창이 바로 나타나지 않고, 로딩 상태를 의미하는 마우스 커서 아이콘이 오래 지속되는 오류가 발생할 때 적용할 수 있는 방법이 있습니다.  참고  시스템의 환경이 다를 경우, 오류가 발생하는 원인이 다를 경우 문제가 해결되지 않을 수 있습니다.  참고  설치한 프로그램 중에 마우스 우클릭 팝업 메뉴에 자신을 등록한 것이 많을 수록 메뉴가 조금 늦게 뜹니다.이것은 오류가 아닙니다.​외국인이 유튜브에 올린 동영상입니다. 이 해결 방법의 원본입니다. ​ 출처  YouTube, "Fix Right Click Keeps Loading forever in Windows 10", https://www.youtube.com/watch?v=nRw.. 2019.11.29 댓글 52
Cover Item Thumbnail
윈도우 10 UEFI, MBR 부트 로더 복구 ​윈도우 10 부팅을 위한 MBR, UEFI 부트로더 복구 모든 자료를 잃을 수 있는 위험한 작업입니다. 정보 공유를 위하여 등록한 것이므로, 입력한 코드를 정확하게 다시 한번 확인하기 바랍니다. 1. GPT 부팅을 위한 ESP(EFI System Partition) 복구 윈도우 10 버전 1903, 1909 기준MSR 및 EFI 파티션은 UEFI 기반의 GPT 디스크에서만 지원합니다.MSR: MIcrosoft Reserved PartitionESP: EFI(Extensible Firmware Interface) System Partition​EFI 부트 파티션이 훼손되거나 삭제되어 부팅이 불가능한 경우 윈도우 설치 미디어를 사용하여 PC 부팅첫 화면에서 "Shift + F10"을 눌러 명령 프롬프트 띄.. 2019.11.27 댓글 51
Cover Item Thumbnail
티스토리 애드센스 광고 송출 문제 더보기 ※ 애드핏 - 모든 페이지 광고 정상 출력 ※ 애드센스 - PC 첫 페이지 정상 출력 - 모바일 페이지 정상 출력 ▶ 2022.10.12부터 모바일 첫 페이지 제외하고 출력 불량/불능 PC 나머지 페이지 출력 불량/불능 PC 사이드바 "애드센스 관리 설정" 출력 불량/불능 PC 사이드바 "플러그인" 정상 출력 ▶ 2022.10.11 오후 애드센스 이따금씩 정상 출력. 증상이 계속 변합니다. 최근 티스토리 블로그에 부착한 구글 애드센스 광고가 전혀 출력되지 않거나, 뜸하게 그리고 불규칙하게 출력되는 문제가 발생하고 있습니다. 티스토리 블로그 계정 소유자는 애드센스 광고 서비스를 직접 제공하는 구글, 그리고 티스토리 블로그와 연동시켜 블로그 관리 페이지에서 쉽게 설정 가능한 서비스를 제공하는 카카오에.. 2022.10.08 댓글 17
Cover Item Thumbnail
피부, 두피, 실리콘의 영향 지(루)성 피부와 두피 때문에 고생하고 있습니다. 실리콘과 같은 피부 차단 성분으로 인한 부정적인 영향이 있지 않을까 궁금하여 빙의 AI 검색 엔진에 질문하였습니다. 긍정적인 효과도 가능하겠지만 현대 사회가 광고 및 홍보에 지배당하는 느낌이 강하여 보이지 않는 뒷면을 찾아보고 싶은 생각에 부정적인 면을 조사합니다. 검색어는 "피부 두피 실리콘 악영향", 그리고 Bing AI의 답변입니다. 아래 붙여 넣기한 Bing의 답변을 구글에서 검색해 보았습니다. 단락 단위 검색입니다. 내용을 그대로 발췌했을 것으로 집작되는 소스를 알기 위한 목적이었습니다. 일치하는 겸색 결과를 찾을 수 없었습니다. 만약에 이 내용이 단순한 복사의 형태가 아닌 AI의 창작물일 경우 가능한 검색 결과라고 생각합니다. 피부와 두피에 실.. 2023.09.20 댓글 16
Cover Item Thumbnail
윈도우 10에서 어도비 포토샵 CS2 실행하는 방법 아래 2가지 항목 적용으로도 오류가 해결되지 않는 사용자의 CS2 실행 방법입니다. 더보기 1. 언어 옵션 설정: "각 앱 창에 다른 입력 방법을 직접 설정" 체크 2. "호환성 문제 해결" "윈도우 10" 환경에서 "Adobe Photoshop CS2"를 오류 없이 실행하는 방법입니다. ​컴퓨터 환경에 따라서 다른 결과가 나타날 수도 있습니다. ​ 윈도우 작업 표시줄에서 시작 버튼을 누르고 "Adobe Photoshop CS2"를 찾아서 마우스 오른쪽 버튼 클릭합니다. "자세히"로 마우스 포인트 이동하고, "작업 표시줄에 고정" 클릭합니다. 작업 표시줄에 "Adobe Photoshop CS2" 아이콘이 등록되었습니다. 마우스의 왼쪽 버튼을 (빠르게) 더블 클릭합니다. 아래 화면이 뜨면 오류 없이 실행된.. 2020.02.24 댓글 16
Cover Item Thumbnail
CSS border width 지정 값과 디스플레이 불일치 이유 블로그 웹 페이지의 하나의 요소에 상하 border 값으로 각각 1px로 설정하였습니다.크롬 웹 브라우저를 띄우고 개발자 도구로 확인하니까 위의 캡처 이미지와 같이 0.727픽셀로 표시됩니다.CSS 파일에 "border: 1px"로 지정한 내역이 반영되지 않은 것입니다. 웹 브라우저와 사용하는 기기의 OS 설정 값을 조사하고, 변경하면서 결과를 눈으로 확인하면서 이유를 찾았습니다.일단, 웹 브라우저의 화면 확대 및 축소 그리고 기기의 OS에서 설정하는 글자 크기 설정과 화면 확대 및 축소 기능에 영향을 받는다는 것을 확인하였습니다.1. OS(MS Windows 11)의 시스템 / 디스플레이 설정 값 변경 ① 텍스트 및 기타 항목의 크기 변경② 연결된 디스플레이의 해상도 변경- 기본 값으로 100%와 모니.. 2024.05.03 댓글 14
Cover Item Thumbnail
google adsense 광고에 적용하는 inline CSS code 예제 Google Adsense Help / Ad units의 다음 페이지 참고"How to modify your responsive ad code"다음 작업은 html 파일에 관련 코드를 추가하는 요령입니다. 티스토리 배포 스킨에서는 'skin.html' 파일을 수정합니다. 1. 애드센스 개별 광고(display ad unit) 페이지에서 제공하는 코드를 위한 클래스를 지정합니다. 아래 예문에서는 "ads_aside" 클래스를 추가하였습니다. 블로그 사이드바에 부착하는 광고라서 위치 확인이 편한 이름을 사용하였습니다.  2. 위에서 지정한 클래스를 위한 CSS style 코드를 추가합니다.  ※ 애드센스에서 제공하는 개별 광고의 기본 코드에 지정한 style 항목과 충돌하지 않게 조심합니다. 2024.08.27 댓글 13
Cover Item Thumbnail
도로교통법 개정안 2022년 7월 12일 시행 도로교통법 개정안 ‘차보다 사람이 우선인 보행자우선도로 패키지법’(「보행안전 및 편의증진에 관한 법률」,「도로교통법」) 2021년 12월 9일 국회 본회의 통과 2022년 1월 11일 공포(公布) 6개월 후 2022년 7월 12일 시행((施行) 개정안 골자 - 제27조 1항 운전의 보행자 보호 의무 규정 - 운전자가 1. 교차로에서 우회전 할 때 2. 신호등 없는 작은 횡단보도 등을 지날 때 3. 어린이 보호구역 내에 설치된 횡단보도 개정 전 - 횡단보도 위에 건너는 사람이 있을 경우 횡단보도 앞에서 일시 정지 개정 후(1) - 횡단보도 위에 사람이 없어도, 횡단보도쪽 인도에 사람이 보이면 무조건 일시 정지 개정 후(2) - 어린이 보호구역 내에 설치된 횡단보도 앞에서는 신호등이 없어도 무조건 일시 정지.. 2022.01.11 댓글 11
Cover Item Thumbnail
블로그 스킨의 자바스크립트 수정 코드에 대한 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 24 && ele.classList.contains('pin') .. 2023.06.24 댓글 10
Cover Item Thumbnail
티스토리 백업 실패 (후 성공) 2022년 10월 27일 아침 데이터 센터 문제로 일시 중지되었던 티스토리 백업이 성공적으로 종료되어 하나의 압축 파일 안에 블로그 모든 글을 백업해 놓았네요. 백업 방법은 본 글의 중간에 설명해 놓았습니다. 2022년 10월 15일 티스토리 운영이 중단되는 사건이 발생하였습니다. 등록한 글의 데이터 백업을 해놓지 않아서 혹시 지금 가능할까 검사하는 마음으로 백업을 실행하였습니다. 그리고 24시간 지났습니다. 계속 백업 중이라는 메시지가 떠 있었습니다. 아래와 같이 새소식이 알림 메시지로 도착하였습니다. 테스트 계정이 하나 더 있어서 2개의 메시지가 전송된 것입니다. 작업이 완료되었는 데, 백업 신청을 일시 중단하는 것으로 종료되었습니다. 서버가 불안정하여 관리자가 백업 프로세스를 강제로 종료시킨 것으로.. 2022.10.18 댓글 10