유튜브

Life

유튜브 버튼 커스터마이징

Before & After 최근 유튜브 UI에 변경이 있었습니다. 전체적으로 둥글둥글한 테두리 안에 요소들을 담는 형태로 변경되었습니다. 추가로 일부 버튼들이 생기기도 했고, 정렬 순서가 바뀌기도 했고, 반응형이 적용되기도 했습니다. 그 과정에서 자주 사용하는 버튼이 숨겨지는 불편함이 있어서 이를 해결한 과정을 공유해봅니다. 결과적으로 사용하지 않는 오프라인 저장, Thanks, 클립 버튼을 제거하고, 해상도와 상관없이 자주 사용되는 저장 버튼이 항상 노출될 수 있게 했습니다. uBlock Origin 크롬 확장프로그램, uBlock Origin을 활용했습니다. 이전부터 광고 차단 및 특정 사이트 내 관심 없는 요소 제거 등의 목적으로 사용해오고 있었는데요, 이번에도 사용하지 않는 버튼 요소들을 필터로 ..

카테고리 없음

2021년 3월 1일 현재, 라인 유튜브 훑어본 내용

www.youtube.com/c/linedevlog 라인 유튜브를 보다 보니 괜찮은 거 같아서 현재 업로드되어 있는 24개정도의 영상을 모두 봤다. 흥미로웠던 주제에 대한 내용만 요약해봤다. - 9월에 대응 책임자 선출 및 대응 시1작 - 서버 증설 필요성 등 시간이 걸리는 이유에 대해 체크 후 대응 - 작년 이슈사항이 보완되었는지 체크 - 웨이팅 기능을 이용해 특정서버에 트래픽을 몰아줌으로써 벤치마크 테스트 - 12월 중순, 코드 프리징(수정X) - 12월 31일 저녁 5시, 서버 재기동 - 온&오프라인 대응팀 대기 - 완료 후 회고 미팅. - 클린 코드 - 리팩토링 - 생각하는 프로그래밍 - 유지보수하기 어렵게 코딩하는 방법 - 자바의 정석 - 이펙티브 자바 - 윤성우의 열혈 C프로그래밍 - 프론트엔..

JavaScript

유튜브 재생목록에서 총 시간과 남은 시간 구하기 - JavaScript

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 clear(); (function getTotalHours() { var totalHours = 0; var ar = document.querySelectorAll("#thumbnail-container #thumbnail " + "#overlays span.style-scope.ytd-thumbnail-overlay-time-status-renderer"); var min = 0; var sec = 0; for(var i = 0; i

리차드
'유튜브' 태그의 글 목록