Front End/JAVASCRIPT
-
[JavaScript] Toy Project - 계산기 만들기 ( Calculator )Front End/JAVASCRIPT 2022. 3. 2. 06:56
안녕하세요 여러분 야매 코린이 까불린입니당 ~ 오늘 하루도 잘 보내셨나요? 전 요즘 호텔 포트폴리오 도안을 기획해보는 중이에요. 이번엔 전에 사용했던 코드들 보다 훨씬 더 '클린?' 하고 재사용성면에서 보다 발전된 포트폴리오를 제작해보고자 다시 한번 HTML Tag 들과 CSS, Sass 개념을 바로 잡고 있는 중인데요~ 정말 머리를 쥐어짜내야하는 고통인 것 같아요.. 하지만 전 이렇게 효율성을 중요시하고 고민하고 고민하는 기획이 너무 즐겁답니다 ! 이걸 코드로 풀어내서 결과물을 볼때의 그 희열은 말해 모해..♥️ 여러분도 같은 마음이셔서 이렇게 코딩공부 하시는거겠죠? 하지만, 역시 코린이는 하루이틀 자바스크립트 공부 안하게되면 뭔가 조금 개념을 알 것도 같더라고 다시 잊는 것 같아요. 할 때 꾸준히 공..
-
[JavaScript] 비디오 풀스크린 기능 구현Front End/JAVASCRIPT 2022. 2. 25. 18:40
안녕하세요 여러분 까불린입니다 ! 오늘은 제가 포트폴리오 진행을 하다가 배운 풀스크린(fullscreen) 기능을 말씀드리려고 해요! 포트폴리오 내의 버튼을 클릭해서 비디오 풀스크린 모드를 실행하기 위해 쓴 방법입니다 ! 전체화면으로 전환 document.documentElement.requestFullscreen() 실질적으로 코드에 적용하실때에는 아래 처럼 사용하실 수 있으세요 ! const fullscreen = element => { element.requestFullscreen() } 전체화면 끄기 document.exitFullscreen() 실질적인 코드사용은 아래와 같습니다 ! const exitFullScreen = () => { document.exitFullscreen() } 토글 저..