자바스크립트(65)
-
[유튜브 클론코딩] 9.0 Getting User Media
9.0 Getting User Media 비디오를 업로드할 때 비디오 레코드도 가능하게 하는 것을 해볼 것이다. 🍰 views 고치고 scss 만들기 우선 그걸 위해 views를 좀 고치겠다. extends layouts/main block content .form-container .record-container#jsRecordContainer video#jsVideoPreview button#jsRecordBtn Start Recording form(action=`/videos${routes.upload}`, method="post", enctype="multipart/form-data") div.fileUpload label(for="file") Video File input(type="file",..
2021.03.18 -
[유튜브 클론코딩] 8.5 ~ 8.6 Volume Bar part.1 / part.2
8.5 Volume Bar part.1 비디오가 끝났을 때 시간을 처음으로 다시 돌려 놓을거고 비디오를 멈출것이다. (현재는 비디오가 예를 들어 52초짜리면 다 재생되면 00:00:52/ 00:00:52 라고 떠있다. 그리고 플레이버튼은 ⏸ 에 머물러있다. 우리는 ▶이 되기를 원한다.) function handleEnded(){ videoPlayer.currentTime = 0; playBtn.innerHTML = ''; } function init(){ playBtn.addEventListener("click", handlePlayClick); volumeBtn.addEventListener("click", handleVolumeClick); fullScreenBtn.addEventListener("c..
2021.03.18 -
[유튜브 클론코딩] 8.4 Total time and Current time
8.4 Total time and Current time 많은 브라우저에서 동작할 수 있도록 if문을 이용해서 goFullScreen과 exitFullScreen을 수정한다. function exitFullScreen(){ // document.exitFullscreen();//전체화면을 종료하기 if(document.exitFullscreen){ document.exitFullscreen(); }else if(document.mozCancelFullScreen){ document.mozCancelFullScreen(); }else if(document.webkitExitFullscreen){ document.webkitExitFullscreen(); }else if(document.msExitFulls..
2021.03.18 -
[자료구조] 이진탐색트리 구현 - 최솟값, 최댓값 찾기 / 특정 값 찾기
최솟값/최댓값 찾기 (min(), max()) 이진탐색트리에서 최솟값은 맨 왼쪽 노드값이고, 최댓값은 맨 오른쪽 노드값이다. 그러므로 최솟값을 구하는 메소드 min(), 최댓값을 구하는 메소드 max()는 다음과 같이 구현할 수 있다. //최솟값 찾기 min(){ return this.minNode(this.root); } minNode(node){ if(node){ while(node && node.left !== null){ node = node.left; } return node.key; } return null; } //최댓값 찾기 max(){ return this.maxNode(this.root); } maxNode(node){ if(node){ while(node && node.right !=..
2021.03.17 -
[유튜브 클론코딩] 6.4 Sessions on Express
6.4 Sessions on Express 세션 설치하기 npm install express-session app.js에 import 해주고 session 작성하기 import express from "express"; import morgan from "morgan"; import helmet from "helmet"; import cookieParser from "cookie-parser"; import bodyParser from "body-parser"; import passport from "passport"; import session from "express-session"; import userRouter from "./routers/userRouter"; import videoRouter..
2021.03.11 -
정규표현식
정규 표현식(Regular Expression) /정규표현식/플래그 텍스트에서 우리가 원하는 특정한 패턴을 찾을 때 아주 요긴하게 쓰일 수 있다. 예) 아주 긴 글에서 전화번호 형태의 패턴을 찾거나 웹사이트 형태의 패턴을 찾을 때도 사용될 수 있음 찾아진 문자열을 다른 문자열로 변경도 가능 또는 사용자가 입력한 데이터가 이메일이나 패스워드와 같은 특정한 패턴에 부합하는지 - 유효성 검사를 할 때에도 쓰일 수 있음 // 슬래쉬를 이용해서 나타내주면 된다. 슬래쉬 안에 우리가 찾고자하는 패턴을 작성해주면 된다. 그리고 어떤 옵션으로 검색할 건지 플래그를 활용할 수 있다. 플래그 글로벌과 멀티라인을 이용할 것임 글로벌: 매칭되는 다수의 결과값을 기억할 수 있는 것을 말함 멀티라인: 한 줄 한 줄 1. 그룹,레..
2021.03.04