유튜브 홈페이지 바로가기 만드는 3가지 방법

🔥🔥 같이보면 좋은글 🔥🔥

메타마스크 홈페이지

EIP-1559 가스 요금이 Metamask와 작동하는 절차에 대한 설명 또한 메타마스크 홈페이지에 아주 세부적으로 설명이 되어 있으니, 호기심이 있으시다면 꼭 방문해서 알아보셔요. 이더리움에 관련해서 한가지 더 알게 되는 동기가 되실거에요. 개인지갑으로 정말 많게 사용하니, 간단히 설치까지만 알아볼께요. 메타마스크 모바일 홈페이지 소개해드리면서… 시간이 괜찮으시다면, 자산 관리 페이지도 간단히 보면 좋으실거 같습니다.

캐시 최적화

Diagnostics 섹션의 Serve static assets with an efficient cache policy라는 항목입니다. 이 항목은 네트워크를 통해서 다운로드하는 리소스에 캐시를 적용하라는 의미입니다. 항목을 클릭해서 펼쳐 보면 거의 모든 리소스에 캐시가 적용되어 있지 않다고 나옵니다. 사실상 Network 패널에서 위 리소스 중 하나를 확인해 보면 응답 헤더에 캐시에 대한 설정인 Cache-Control이라는 헤더가 없는 것을 알 수 있습니다.

즉, npm run start로 실행한 서버에는 캐시 설정이 제대로 되어 있지 않은 것입니다. 캐시란? 캐시는 간단히 말하면 항상 활용하는 데이터나 값을 미리 복사해 둔 임시 저장 공간 혹은 저장하는 동작입니다.

동영상 최적화

동영상 내용물 분석 동영상 콘텐츠의 특성상 문서 크기가 크기 때문에 당장 재생이 필요한 앞부분을 먼저 다운로드한 뒤 순차적으로 나머지 내용을 다운로드합니다. 그래서 동영상 콘텐츠의 다운로드 요청이 여러 개로 나뉘어 있는 것입니다. 또한 일정 시간 동안 동영상 콘텐츠가 다운로드되고, 그 이후에야 재생이 되는 것을 볼 수 있습니다. 동영상 압축 동영상이 메인 콘텐츠가 아닌 서비스에서는 이 최적화 기법을 적용해도 무방합니다.

WebM은 앞에서 배운 WebP와 동일하게 구글에서 개발한 동영상 포맷입니다. 역시나 웹에 최적화된 포맷입니다. Media.io에 동영상 파일을 업로드하면 다음과 같이 몇 가지 설정을 할 수 있습니다. 다운로드된 동영상을 확인해 보면 용량이 원본의 1/5인 12MB가 됐습니다.

폰트 최적화

이 현상은 텍스트가 보이것은 시점에 폰트 다운로드가 완료되지 않아 생기는 현상입니다. Network 패널에서 폰트를 확인해 보면 문서 크기가 750kB이며 다운로드하는 데 4.82초가 걸린 것을 볼 수 있습니다. 폰트가 바뀌면서 깜박이것은 모습은 페이지가 느리다는 느낌을 줄 수도 있고 혹은 다른 요소를 밀어낼 수도 있습니다. FOUT, FO정보기술 폰트의 변화로 생겨나는 이 현상을 FOUT(Flash of Unstyled Text) 혹은 FO정보기술 (Flash of Invisible Text)라고 합니다.

FOUT는 Edge 브라우저에서 폰트를 로드하는 방식으로, 폰트의 다운로드 여부와 상관없이 먼저 텍스트를 보여 준 후 폰트가 다운로드되면 그때 폰트를 적용하는 방식입니다.

알리프라이스(Alipric 모바일 홈페이지 접속 오류

알리프라이스가 접속이 안 되는 경우는 알리익스프레스도 접속이 안 되는 경우가 생겨나는 경우가 많습니다. 이 두 사이트의 공통점은 China 사이트라는 것. 즉, 각 교류를 막는 것이 심하고 외부의 접근에 민감하게 반응합니다. 그렇기 때문에 방화벽이나 IP, MAC 주소에 따라 이런 문제가 발생하려면 일반적으로 개인의 경우는 ip, mac 주소에 영향을 받는 경우는 거의 없기 때문에 방화벽 문제로 이런 증상이 발생합니다.

방화벽이라는 것에 관하여 거의 모든 잘 모르시는데, Windows 자체 기능에 방화벽이 있는 게 아니라 백신에는 모두 방화벽이라는 기능이 포함되어 있습니다. 이런 방화벽이 작동이 되면 특수한 사이트에 접속이 안 되는 문제가 발생하게 됩니다.

네이버 메인 모바일 홈페이지 개편

5월 17일 네이버의 메인 홈페이지가 개편되어 시각적인 디자인들이 둥글둥글하게 바뀌었습니다. 아직은 기존 메뉴보다는 이질감이 드는 데 사용하면 할수록 적응이 되면서 있습니다. 그러나, 우측 하단에 설정 메뉴와 위로 가기 내비게이션 바가 거슬리더라고요. 창의 크기를 줄이면 “모바일 버전으로 보기” 메뉴도 나타나서 창을 가리더라고요. 이런 메뉴는 class 값을 차단하게 되면 출력되지 않게 막을 수가 있습니다.

이 경우는 이전에 아프리카 광고 방지 글을 올렸던 것과 동일한 원리입니다.

항상 묻는 질문