UI,UX,접근성,기본개념 등23 Web Vital (사용자 경험 품질 측정 / 최적화) 사용자 경험의 품질을 최적화하는 것은 웹 사이트의 장기적인 성공의 핵심입니다. 비즈니스 소유자, 마케팅 담당자 또는 개발자에 관계없이 Web Vitals은 사이트 경험을 수량화하고 개선할 기회를 식별하는 데 도움을 줄 수 있습니다. Web Vitals은 웹에서 훌륭한 사용자 경험을 제공하는 데 필수적인 품질 신호에 대한 통합 지침을 제공하기위한 Google의 측정 기준입니다. Google은 성능을 측정하고 보고하기 위해 수년 동안 다양한 도구를 제공했습니다. 일부 개발자는 이러한 도구를 사용하는데 전문가인 반면 다른 개발자는 도구와 측정 항목이 풍부하여 따라 잡기 어렵다는 사실을 발견했습니다. 사이트 소유자가 사용자에게 제공하는 경험의 품질을 이해하기 위해 성능 전문가일 필요는 없습니다. Web Vita.. 2020. 9. 20. ffmpeg로 hls 만들기, 옵션정리 ffmpeg 프로그램을 다운받고 영상을 hls 전용 스트리밍 영상 파일로 변환 및 ts (각각의 세그먼트 파일) 들을 추출 한 뒤에 웹에 적용해볼 수 있습니다. ie 11 이상으로 지원하고, 각각 영상 조각 파일들은 다양한 옵션에 의해서 다양하게 유저에게 제공할 수 있습니다. 기본적인 CLI 사용법은 다음과 같습니다. - ffmpeg -i hasashin.mp4 -b:v 1M -g 60 -hls_time 2 -hls_list_size 0 -hls_segment_size 500000 output.m3u8 각각의 옵션에 대해서 알아봅시다. hls_init_time seconds (중요) 초기 대상 세그먼트 길이를 초 단위로 설정합니다. 기본값은 0입니다. 첫 번째 m3u8 목록에서 이 시간이 지나면 다음 키.. 2020. 8. 9. 알고리즘 문제 - 완주하지 못한 선수 / 회차 함수 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. 마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다. completion의 길이는 participant의 길이보다 1 작습니다. 참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다. 참가자 중에는 동명이인이 있을 수 있습니다. // participant.length -1; // character number is between 1 .. 2020. 8. 1. 프론트엔드 면접 문제은행에 대한 정리(2) 프론트엔드 면접 문제은행 제 2탄입니다. 선호하는 개발 환경에 대해 자유롭게 이야기해 주세요. 제가 선호하는 개발 환경은 javascript 환경을 선호합니다. 자유분방한 javascript를 컴파일해서 사용하는 타입스크립트도 좋아합니다. 자바스크립트의 자유분방에 절제미를 더할 수 있는 상황에는 타입스크립트로 충분하다고 생각합니다. DB는 설계를 자세히 해보진 않았지만 RDBMS 든 NOSQL이든 Select를 잘 해올 수 있으면 된다고 생각합니다. IDE는 자바 등 컴파일 언어에서는 인텔리제이를 선호하고, 나머지 국면에서는 VSCODE를 선호합니다. 그리고 SPA를 만들 수 있는 환경 PWA로 데스크탑 애플리케이션을 만들 수 있었으면 좋겠습니다. 버전 관리 시스템은 어떤 것들을 사용해보셨습니까? 현재 .. 2020. 7. 30. 이전 1 2 3 4 5 6 다음
