netwareMore

웹 파일 압축 서비스 사이트

압축 서비스라는 것은 파일에 들어 있는 공백(스페이스)를 제거하거나 반복되는 동일한 코드를 일정한 규칙에 따라서 단순화 시켜서 파일의 용량을 줄이는 것입니다. ※ 파일 압축은 관련 분야의 영어 단어로 minify, compress를, 이미지 파일의 용량을 줄여서 웹 로딩 속도를 최적화 한다는 의미로 optimize를 사용합니다.​ 네트워크로 전송해야 할 데이터의 크기를 작게 만들어 보다 빠른 페이지 로딩을 도모하게 됩니다. HTML, CSS, Javascript와 같은 간단한 웹 페이지 구현을 위한 파일뿐만 아니라 PNG와 JPG 같은 이미지 포맷의 파일도 압축이 가능합니다. 텍스트로 이루어진 HTML, CSS, Javascript 파일을 압축하면 코드가 한 줄이 됩니다. 보기에 불편하기 때문에 다른 개..

티스토리 스킨 저장 및 등록 방법

티스토리에서 실행 중인 스킨을 저장하는 방법은? "블로그 관리 홈" → '꾸미기'의 "스킨 변경" → 페이지 오른쪽 '사용 중인 스킨'의 "보관" → '스킨 보관'에 '스킨명' 입력하고 "확인" → "스킨 보관함"을 눌러서 자신이 저장한 스킨 리스트 페이지 → ("스킨 목록"과 "스킨 보관함"은 토글 버튼입니다.) 마우스를 다운로드할 저장된 스킨에 올려서 3가지 옵션 리스트 확인 → "적용", "다운로드", "삭제"에서 "다운로드" 선택 → 나타난 브라우저 팝업창 '다운로드'에서 "다른 이름으로 저장" 선택 → 파일을 저장합니다. 저장된 파일은 ZIP 압축 파일입니다. 현재 티스토리의 사용 중인 스킨의 저장 포맷은 ZIP입니다. 티스토리에 스킨을 등록할 때에는 ZIP과 같은 압축 파일이 아니라 압축을 풀..

AMD CPU 사용자 윈도우 10 업데이트 주의

AMD CPU 사용 기기에서 윈도우 10 업데이트를 진행할 경우 복구가 거의 불가능한 블루 스크린이 발생할 수 있습니다. 같은 AMD라도 CPU 종류에 따라서 다릅니다. ​ 문제의 원인은 마이크로소프트 윈도우 10 운영체제의 업데이트 과정에서 같이 설치되는, AMD(Advanced Micro Devices, Inc)의 SCSIAdapter 버전 9.3.0.221 드라이버가 저장 장치에 필요한 다른 드라이버를 손상시키기 때문입니다. 저장 장치는 윈도우 부팅에 반드시 필요하기 때문에 부팅 실패로 인한 블루 스크린을 마주하게 됩니다. ​ "INACCESSIBLE_BOOT_DEVICE" ​ 결국 마이크로소프트는 이 드라이버를 업데이트 목록에서 제외하였습니다. 사용자가 수동으로 업데이트 점검할 때, 윈도우 업데이..

블로그 최적화

전문적으로 조사한 자료 거의 없이 네이버와 티스토리 블로그 운영하면서 발을 담그기 시작한 약간의 경험을 풀어놓겠습니다. ​ 블로그 최적화를 생각할 때 구글, 광고, 검색을 떼어놓을 수 없습니다. 구글은 야후, 라이코스 등이 최전성기를 누리고 있을 때 초기 페이지가 빠르게 로딩되고 검색 결과를 더 빠르면서도 정확하고 다양하게 제공하는 서비스로 검색 업계의 선두 주자들을 두드려 부수고 정상에 올라간 기업이라고 단정 지을 수 있습니다. ​ 지금도 구글 초기 페이지는 오로지 검색창만 제공합니다. 주소 입력을 마치고 엔터키를 누르는 순간 초기 페이지가 뜹니다. 물론 다른 메뉴는 오른쪽 혹은 왼쪽의 메뉴 버튼을 눌러서 선택할 수 있습니다. 한마디로 빠를 수밖에 없는 구조입니다. 지금의 SNS 초기 형태인 동호인 클..

Position Sticky를 구현하는 Fixed JS 코드 오류 수정

1. 원글: 본문 2. 수정: Position Sticky를 구현하는 Fixed JS 코드 2차 수정 3. 수정: Position Sticky를 구현하는 Fixed JS 코드 3차 수정 4. 수정: Position Sticky를 구현하는 Fixed JS 코드 4차 수정 5. 활용: Position Sticky를 구현하는 Fixed JS 코드 활용 Position Sticky는 웹 페이지의 일부 Element가 사전 설정한 지점에서 움직임을 중지하고 고정되어 Position Fixed의 기능을 시작하는 매우 유용한 CSS 코드입니다. ​"Position Relative + Position Fixed"를 하나로 통합한 것이라고 말할 수 있습니다. 대형 포털과 블로그 등 여러 사이트의 페이지 상단에 배치된 내..

티스토리 블로그의 웹 폰트 설정 (구글 PSI 속도 측정 결과)

블로그: 티스토리 스킨: 북클럽 ※ 스킨의 종류가 다를 경우 파일의 종류와 구조는 다르지만 설정만 적용 가능합니다. 속도 측정 도구: 구글 PSI (PageSpeed Insights) 편집 대상 파일: "style.css", "skin.html" (CSS와 HTML 파일) 블로그 시작하면서 간간이 속도 측정하면서 설정을 변경하고, 테스트하고 반복하였습니다. 폰트 설정에 관계된 페이지 속도의 등락이 거의 이상 증상으로 받아들일 정도로 괴이한 현상을 보여서 이것을 파악하는 데 대부분의 시간을 보냈습니다. 티스토리 블로거들의 전문적인 글과 구글 페이지 로딩 측정 사이트의 도움말 등을 하나씩 읽어보고 설정에 적용하여 테스트하였습니다. 오늘 변경한 설정이 속도도 안정적이면서 높게 나와서 해결이 된 느낌입니다. 전..

Book Club 스킨 NavBar(GNB) 오류 수정

블로그의 대표 페이지 정보를 찾기 쉽게 상단에 배치하는 GNB 메뉴바의 오류 수정 티스토리 Book Club 스킨 (MIT License) 파일: "script.js" 20210402 본문 하단 "5. 추가 수정" - 로딩 속도 향상을 위한 구문 변경 20210403 본문 하단 "6. (아마도) 마지막 수정" - 내비게이션 메뉴바, #GNB의 오류를 모두 수정한 것으로 추측합니다. 1. "홈" 메뉴 이중 링크 수정 2. "홈" 메뉴를 삭제할 경우 처음 메뉴가 잘못 "current" 표시되는 오류 수정 3. 카테고리 경로뿐만 아니라 파일을 메뉴에 등록할 경우에도 "current" 표식 가능 4. 조건문을 하나로 단축하여 로딩 속도 단축 기본 코드의 오류 증상 1. 북클럽 스킨의 기본 코드 스킨 데모 페이지..

Dell 노트북 어댑터 고장 분해 수리

Dell AC/DC Adapter PA-3E Family 모델명: DA90PE3-00 REF. NO.: ADP-90VH D 입력: 100-240V ~ 1.5A / 교류(AC) 출력: 19.5V, 4.62A / 직류(DC) 제조업체: DELTA ELECTRONICS INC. CN-0WTCOV-48661- 081-JSF5-AOO Made in China DP /N 0WTCOV 어댑터 분해 볼트를 사용하여 조립한 것이 아니라 본드 혹은 양면 접착테이프를 사용하여 외부 플라스틱 커버에 부착한 제품입니다. ​ 위와 아래 플라스틱이 맞닿은 중간 부분을 일자 드라이버로 끼우고 양쪽으로 당기면서 조금씩 분리합니다. 한 번에 큰 힘을 주지 말고 본드나 접착테이프가 분리될 시간을 주고 천천히 분해합니다. 전기의 입출력 변..

웹 브라우저의 추가 연산을 요구하지 않는 CSS 코드

개인 블로그 관리하면서 실행 코드를 정리하고 있습니다. ​ 자그마한 코드 수정으로 인하여 2회 정도 블로그의 웹페이지 로딩 속도가 눈에 띄게 좋아지는 경험을 하였습니다. 정확한 전문적인 정보에 의한 수정 작업이 아니기 때문에 조금씩 공부하고 있는 입문자의 경험담이라 생각하시면 됩니다. ​ 웹페이지 로딩 속도는 구글의 측정 사이트에 MS 엣지 혹은 구글 크롬 웹 브라우저로 접속하여 측정한 것입니다. ​ 인터넷을 거쳐서 블로그에 접속하면 블로그 서버에서는 페이지 코드를 담은 데이터를 일정한 과정을 거쳐서 전송하고 웹 브라우저가 이 코드를 받아 CPU, GPU, 메모리 등의 연산 작업을 거쳐 스크린에 렌더링 하는 것이기 때문에 측정 수치는 웹 브라우저 및 PC(기타 기기)와 전적으로 관련이 있습니다. ​ 구글..

해킹 문자 보안 경고, "상품이 배송되었습니다......"

오늘 핸드폰으로 받은 해킹 문자입니다. ​ 발신자: 010-2587-구하나둘둘 문자 내역: "상품이 배송되었습니다. 자세한 내용을 보려면 아래 URL을 클릭하세요." 인터넷 링크: tinyurl.com ​ 발신자 전화번호를 국내 전화번호 검색 서비스에서 찾아보니까 검색 기록이 없습니다. 처음 발송한 것이 아니라면 중간 연결 경로로 사용하고 차단되면 계속 변경할 것으로 추측합니다. ※ 발신 번호가 선량한 사용자에게 이전되면 번호를 인식하지 못하게 블록 처리할 것입니다. ​ 문자 본문에 들어 있는 tinyurl로 시작하는 인터넷 주소는 실제 주소가 아니라 긴 인터넷 주소를 짧게 수정하여 사용할 수 있는 TinyUrl 서비스를 사용한 것입니다. 짧게 줄일 수 있으니까 입력하거나 암기하기 편한 기능을 제공하는 ..