구글 홈페이지 바로가기 만들기
저는 주로 익스플로어만 사용해 인터넷을 했었는데요. 점점 익스플로어에 대한 지원을 축소해나가며 엣지로 전환되고 있어서 결국 바꾸게 되었습니다. 포스팅은 엣지와 익스플로어가 달라서 어려우신분들을 위해 준비했습니다. 엣지창은 크롬창과 비슷해보입니다. 마이크로소프트에서 크롬을 의식해서 만들었는진 모르겠지만요. 아무튼 익스플로어보단 엣지?가 있어 보입니다. 엣지를 시작하면 우선 먼저 설정부터 손봐줘야 합니다. 대부분의 한국인이라면 네이버로 시작하지 않겠어요? 상단 창 귀퉁이에 보이는 점 세 개를 클릭하시면 설정이 보입니다.
알리프라이스Alipric 홈페이지 접속 오류
알리프라이스가 접속이 안 되는 경우는 알리익스프레스도 접속이 안 되는 경우가 발생하는 경우가 많습니다. 이 두 사이트의 공통점은 중국 사이트라는 것. 즉, 각 교류를 막는 것이 심하고 외부의 접근에 민감하게 반응합니다. 그렇기 때문에 방화벽이나 IP, MAC 주소에 따라 이러한 문제가 발생하는데 일반적으로 개인의 경우는 ip, mac 주소에 영향을 받는 경우는 거의 없기 때문에 방화벽 문제로 이러한 증상이 발생합니다.
방화벽이라는 것에 관하여 거의 모든 잘 모르시는데, Windows 자체 기능에 방화벽이 있는 게 아니라 백신에는 모두 방화벽이라는 기능이 포함되어 있습니다. 이러한 방화벽이 작동이 되면 특정 사이트에 접속이 안 되는 문제가 발생하게 됩니다.
동영상 최적화
동영상 콘텐츠 분석 동영상 콘텐츠의 특성상 파일 크기가 크기 때문에 당장 재생이 필요한 앞부분을 먼저 다운로드한 뒤 순차적으로 나머지 내용을 다운로드합니다. 그래서 동영상 콘텐츠의 다운로드 요청이 여러 개로 나뉘어 있는 것입니다. 또한 일정 시간 동안 동영상 콘텐츠가 다운로드되고, 그 이후에야 재생이 되는 것을 볼 수 있습니다. 동영상 압축 동영상이 메인 콘텐츠가 아닌 서비스에서는 이 최적화 기법을 적용해도 무방합니다.
WebM은 앞에서 배운 WebP와 동일하게 구글에서 개발한 동영상 포맷입니다. 역시나 웹에 최적화된 포맷입니다. Media.io에 동영상 파일을 업로드하면 다음과 같이 몇 가지 설정을 할 수 있습니다. 다운로드된 동영상을 확인해 보시면 용량이 원본의 1/5인 12MB가 됐습니다.
메타마스크 홈페이지
EIP1559 가스 요금이 Metamask와 작동하는 방식에 대한 설명 또한 메타마스크 홈페이지에 매우 세부적으로 설명이 되어 있으니, 관심이 있으시다면 꼭 방문해서 알아보셔요. 이더리움에 관련해서 한가지 더 알게 되는 동기가 되실거에요. 개인지갑으로 정말 많이 사용하니, 간단하게 설치까지만 알아볼께요. 메타마스크 홈페이지 소개해드리면서. 시간이 괜찮으시다면, 자산 관리 페이지도 간단하게 보시면 좋으실거 같습니다.
폰트 최적화
이 현상은 텍스트가 보이는 시점에 폰트 다운로드가 완료되지 않아 생기는 현상입니다. Network 패널에서 폰트를 확인해 보시면 파일 크기가 750kB이며 다운로드하는 데 4.82초가 걸린 것을 볼 수 있습니다. 폰트가 바뀌면서 깜박이는 모습은 페이지가 느리다는 느낌을 줄 수도 있고 아니면 다른 요소를 밀어낼 수도 있습니다. FOUT, FOIT 폰트의 변화로 발생하는 이 현상을 FOUTFlash of Unstyled Text 아니면 FOIT Flash of Invisible Text라고 합니다.
FOUT는 Edge 브라우저에서 폰트를 로드하는 방식으로, 폰트의 다운로드 여부와 상관없이 먼저 텍스트를 보여 준 후 폰트가 다운로드되면 그때 폰트를 적용하는 방식입니다. FOIT 는 폰트가 완전히 다운로드되기 전까지 텍스트 자체를 보여 주지 않습니다.
필요하지 않은 CSS 제거
Coverage 패널은 페이지에서 활용하는 자바스크립트 및 CSS 리소스에서 실제로 실행하는 코드가 얼마나 되는지 알려 주며 그 비율을 표시해 줍니다. 따라서 이 패널을 통해 서비스 코드에 필요하지 않은 코드가 얼마나 있는지 확인할 수 있습니다. 오른쪽 Unused Bytes사용하지 않는 바이트와 Usage Visualization 사용량 그래픽 항목에서 전체 코드 대비 실행된 코드의 양을 비율로 보여 줍니다.
아래 두 리소스는 사이즈 자체가 작아서 크게 의미가 없지만 위쪽 두 리소스에서는 실행되지 않은 코드가 꽤 많습니다. 페이지를 Coverage 패널의 기록이 전개형식 중인 상태에서 페이지를 이동하고 등등 동작들을 해 보시면 점점 코드 사용 비율이 증가합니다. 왜냐하면 자바스크립트의 경우 if문 같은 조건이 걸려 있어 분기되는 코드가 많아 이런 코드는 경우에 따라 실행이 안 됐다가도 특정 동작에 의해 다시 실행되기도 하기 때문입니다.
자주 묻는 질문
알리프라이스Alipric 홈페이지 접속
알리프라이스가 접속이 안 되는 경우는 알리익스프레스도 접속이 안 되는 경우가 발생하는 경우가 많습니다. 좀 더 구체적인 사항은 본문을 참고해 주세요.
동영상 최적화
동영상 콘텐츠 분석 동영상 콘텐츠의 특성상 파일 크기가 크기 때문에 당장 재생이 필요한 앞부분을 먼저 다운로드한 뒤 순차적으로 나머지 내용을 다운로드합니다. 좀 더 구체적인 사항은 본문을 참고해 주세요.
메타마스크 홈페이지
EIP1559 가스 요금이 Metamask와 작동하는 방식에 대한 설명 또한 메타마스크 홈페이지에 매우 세부적으로 설명이 되어 있으니, 관심이 있으시다면 꼭 방문해서 알아보셔요. 구체적인 내용은 본문을 참고하시기 바랍니다.