dev_story

유튜브 전체화면을 웹에서 구현하려면? 웹 애플리케이션 또는 웹 사이트를 개발할 때 종종 전체화면 모드를 구현해야 할 때가 있습니다. 유저가 내용에 더 집중할 수 있도록 하거나 더 큰 화면에서 작업할 수 있도록 하기 위해 전체화면 기능은 매우 유용합니다. 이번 글에서는 JavaScript와 CSS를 사용하여 간단한 방법으로 전체화면 설정 기능을 구현하는 방법을 살펴보겠습니다. 😁 #1 전체화면 css 방식 전체화면 기능을 구현하기 위해서는 HTML, JavaScript 그리고 CSS에 대한 이해가 일부 필요합니다. 이 글에서는 JavaScript를 이용해 전체화면 모드를 토글하는 방법에 대해서 다루겠습니다. #2 JavaScript 코드 및 해석 아래 JavaScript 코드는 전체화면 모드를 활성/비활..

width 100vw일 때 가로(좌우) 스크롤이 생긴다면? #1 vw, vh 란? - vw = viewport width - vh = viewport height - viewport : 화면 Display상의 표시 영역을 뜻합니다. 즉, vw와 vh는 현재 실행중인 화면 크기에 맞춰 상대적 크기를 반환해 주는 역할을 합니다. #2 문제 원인 (예시 코드 첨부) body { width: 100vw; height: 100vh; position: relative; z-index: 10; &::-webkit-scrollbar { background: transparent; width: 8px; } &::-webkit-scrollbar-thumb { border-radius: 100px; background-c..

git prune (remote에 없는 local 브랜치 일괄 삭제하기) #1 git prune 이란? prune은 "(불필요한 가치를) 치다, 제거하다" 라는 뜻입니다. 단어의 뜻처럼, git prune은 로컬 환경에서 사용하지 않는 브랜치를 정리하는 데 도움을 주는 명령어입니다. 이 명령어를 사용하면 로컬 저장소에서 원격 저장소에 더 이상 존재하지 않는 브랜치들을 제거할 수 있습니다. 이것은 프로젝트의 관리와 유지보수를 위해 중요한 작업 중 하나입니다. #2 문제 원인 (왜 이런 상황이 발생할까요?) 협업을 하거나 다양한 기능을 개발하는 경우에는 많은 브랜치가 만들어질 수 있습니다. 그러나 이러한 브랜치들은 프로젝트가 진행되는 동안 더 이상 필요하지 않을 수 있습니다. 그리고 이 불필요한 브랜치들이 ..