김평범's OrdinaryCode

  • 홈
  • 태그
  • 방명록

javascript전체화면끄기 1

[JavaScript/Vue] 자바스크립트로 크롬 전체 화면 실행 및 종료하기

웹 애플리케이션을 구축할 때 모니터링 기능이 주요 기능이라면 전체 화면으로 하여 커다란 TV에 프로그램을 띄워놓고 보는 경우가 있다. 크롬에서는 사실 F11을 누르면 전체 화면이 되는 단축키가 있지만, 인터넷 환경에 익숙하지 않은 분들은 해당 기능이 있는지도 모르는 경우가 많다. 이런 분들을 위해서 애플리케이션에 내 크롬 전체 화면을 만들어주는 버튼으로 넣어줄 수 있다. 🌵버튼으로 크롬 전체 화면 만들어주기 샘플 코드 전체 화면 켜기 전체 화면 끄기 vue.js에서 data에 전체 화면을 감지하는 fullPage라는 data를 만든 뒤 버튼에서 전체 화면일 경우 버튼을 각 상황에 맞게 보여준다. 해당 버튼 클릭 시 document.fullscreenElement상태를 확인한다. 만약 전체 화면 상태이면 ..

FrontEnd/Javascript 2021.05.25
1
더보기
  • 분류 전체보기 (182)
    • Diary (4)
    • FrontEnd (93)
      • Javascript (20)
      • Vue.js (28)
      • css (17)
    • etc. (83)
      • Notion (70)

Tag

노션데이터베이스, 노션수식, 노션사용법, 노션무료템플릿, Vue, 노션가계부, 노션템플릿, 노션활용법, CSS, notion, react, NUXT, 노션, 노션가이드, JavaScript, Notion템플릿공유, 자바스크립트, 노션표, 노션유용한템플릿, 노션템플릿공유,

최근글과 인기글

  • 최근글
  • 인기글
  • [JavaScript] 빈 객체 확인하는 방법 (object 빈 객체 체크) 2022.12.26 20:06
  • [Notion] 데이터 베이스 하위 항목 넣기 (노션 표 하위 항목을 이용한 WBS 작성하기) 2022.12.19 22:11
  • nuxt mounted 2번씩 호출 될때 (mounted twice when render) 2022.12.08 21:05
  • 개인이 노션 잘 활용하는 방법 5가지 - 노션 첫 사용하는 분을 위한 글 2021.04.02 22:46
  • [Notion]노션을 이용하여 개인용 포트폴리오 및 이력서 작성하기(신입, 경력직 포트폴리오 템플릿 공개) 2021.02.03 21:38
  • [Notion] 노션 페이지 전체 화면 채우는 방법과 노션 글씨 크기 및 폰트 설정 2021.03.25 20:35

최근댓글

  • 고양이 관리 기록용 노션 템플릿을 찾다가 왔어요! 감사히 쓰겠습니다.

    백에린

  • 와 채점기능까지 대단하세요 감사히 잘 활용하겠습니다!!

    카야

  • 가나다 오됐다 ㅋㅋㅋ 감사합니다!

    dd

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

  • 2022/12
  • 2022/11
  • 2022/10
  • 2022/08
  • 2022/07

Calendar

«   2023/01   »
일 월 화 수 목 금 토
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

Copyright © Kakao Corp. All rights reserved.

티스토리툴바