카테고리 253 티스토리 블로그 로그인 오류 "지금 이 페이지가 작동하지 않습니다." 제 경우에는 카카오계정, 티스토리 계정 모두 로그인 안되고 위의 오류 메시지 떴습니다. 현재는 여러 가지 방법을 시도하다가 가까스로 카카오계정으로 로그인 성공하였습니다. 티스토리 로그인 서버에서 오류가 발생하여 복구한 것일지도 모릅니다. 어쨌든 위와 같은 오류 메시지가 뜰 때, 계정 관리자가 시도할 수 있는 방법이 있어서 기재해 놓겠습니다. 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. 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. 9. 8. 북클럽 스킨 "포인트 컬러(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. 8. 30. (function () {})(); (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. Imme.. 2022. 8. 29. 마이크로소프트 엣지 메모리 관리 이상 증상 윈도우 10에서 사용하는 웹브라우저 Edge, 버전 104.0.1293.54에서 메모리가 정상적으로 반환되지 않는 증상이 발생합니다. 2022년 8월 18일 현재 최신 버전입니다. 아래 이미지는 엣지 웹브라우저를 사용하여 제 블로그("netware.tistory.com")를 접속하고 일정 시간을 사용하고 개발자 도구를 실행하여 현재 메모리 사용 상태를 캡처한 이미지입니다. 개발자 도구(DevTools)의 릴리즈 번호는 따로 없고 Edge 번호에 대응하는 것으로 추측합니다. 현재 104입니다. 엣지 개발자 도구의 성능 모니터가 제공하는 화면의 각종 정보 왼쪽: 처음 접속 상태 오른쪽: 일정 시간 사용 후 메모리가 반환이 안된 상태 Edge가 정상적으로 작동하는 상태에서는 왼쪽 화면의 수치에 근접하여 CPU.. 2022. 8. 18. 티스토리 블로그의 글 검색 기능과 카테고리의 연결 구조 https://netware.tistory.com/225?category=987855 블로그에 등록한 225번 글이며 카테고리 987855의 인터넷 주소입니다. 987855는 카테고리 "코딩 CSS"의 번호입니다. https://netware.tistory.com/225 카테고리 정보 없이 글 번호 225에 해당하는 인터넷 주소입니다. 위 2개의 주소 모두 동일한 글을 웹브라우저에 열어서 보여 줍니다. 이 글과 연결된 정보를 제공할 때에는 카테고리 정보의 유무 때문에 다른 범위의 관련 정보를 제시합니다. 티스토리 스킨 가이드의 "글 치환자" 페이지, "이전 글 / 다음 글" 치환자 설명입니다. 이 치환자 설명을 응용하여 다음과 같은 코드를 글에 추가하여 이전 글과 다음 글에 대한 링크를 만들 수 있습니다.. 2022. 6. 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. 6. 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. 6. 18. 티스토리 블로그 플러그인 "코드 문법 강조(Syntax HighLight)" 변경 주의 이 글은 어제부터 발생한 티스토리 블로그 HTML과 CSS 편집기의 이상 작동 현상에 대한 개인적인 판단을 수록한 것입니다. 나름대로 거의 100% 확신을 갖고 글을 작성하여 등록하였는 데, 다시 편집기의 기종이 불시에 바뀌었다가 정상이 되는 난해한 현상이 반복되고 있습니다. 블로그 관리 홈의 "코드 문법 강조" 플러그인의 옵션 선택과 상관없이 단순하게 코드 편집기의 기종 변경 작업이 진행 중이라고 결론이 날 것 같습니다. 티스토리 블로그를 관리하려면 개인 계정의 "블로그 관리홈"에 로그인하여 개별 항목을 편집하고 변경할 수 있습니다. 관리홈의 아래로 페이지를 내리면 "플러그인" 메뉴가 있습니다. SNS 글보내기, Youtube 동영상 첨부, 마우스 오른쪽 클릭 방지, 이전 발행 글 넣기, 코드 문법 강.. 2022. 6. 14. 북클럽 스킨 "관련글(related-articles)" flex box로 변경 등록한 글의 하단에 배치되어 현재 글과 관련 있는 글들을 보여 주는 메뉴입니다. PC 화면에서는 가로로 4개, 모바일 화면에서는 가로 2개씩 2줄로 역시 4개의 글 링크가 있습니다. 그대로 사용해도 괜찮은 기능입니다. 단지 자신이 원하는 형태로 수정하려면 거의 불가능할 정도로 코드가 복잡합니다. CPU 연산을 필요로 하는 CSS 코드로 짜여 있습니다. width: 101.621621621621622%; margin-left: -1.621621621621622%; padding-left: 1.621621621621622%; padding-bottom: 68.181818181818182%; width: 103.571428571428571%; margin-left: -3.571428571428571%; pad.. 2022. 6. 12.
