# youtube

47개의 포스트

Reactive Streams #2 - Operator

Publisher 와 Subscriber 사이에는 JAVA 의 stream 처럼 Operator 를 둘 수가 있는데요.Operator 는 Pub /Sub 간 데이터 흐름에서 데이터를 중간에 가공할 수 있도록 해주는 역할을 하고 있습니다. JAVA 의 stream 과 같

2022년 1월 2일
·
0개의 댓글

Reactive Streams #1

Publisher 와 Subscriber 의 관계는 이미 메시지큐 미들웨어 등에서 많이 접할 수 있는 개념이긴 합니다. (저의 경우는 RabbitMQ 를 접하면서 접했었쥬..ㅎㅎ)이를 옵저버 패턴과 비교 해 보자면,Publisher 는 Observable 에 해당되고

2021년 12월 31일
·
0개의 댓글

Youtube Clone Coding (15. DEPLOYMENT)

babel node를 사용하여 서버에올리면 느려서 퍼포먼스에 문제가 생길 수 있음 그러므로 babel node대신 babel cil을 써야함 npm install --save-dev @babel/core @babel/cli"build:server": "babel src

2021년 12월 4일
·
0개의 댓글
post-thumbnail

게시판 youtube 영상 업로드 관련

게시판을 구현할 때 youtube 영상을 iframe으로 넣는 방식으로 많이 구현합니다.youtube에서도 동영상 퍼가기를 지원하고 youtube에서 지원해주는 형식 그대로 사용하다 보면 광고가 뜬다던지 원하지 않는 정보들을 접하게 될 때가 있습니다. 그럴 때 noco

2021년 12월 3일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (14. video comment)

Comment Model 만들기comment는 만든사람이 한명밖에 존재 안한다.video는 comment가 여러개 존재 할 수 있다.user은 comment가 여러개 존재 할 수 있다.watch.pug에 comment에 대한 html만들기로그인한 유저만 댓글 달 수 있

2021년 11월 13일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (13. express-flash)

express-flash는 메세지를 보여주기위한 도구이다.npm i express-flash설치하고 server.js에 import한뒤 미들웨어로 사용가능미들웨어로 등록하면 req.flash("메세지 타입", "메세지")을 쓸 수 있다.req.flash()를 쓰면 fl

2021년 11월 13일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (12. FFMPEG.WASM)

ffmpeg이란?동영상의 인코딩과 디코딩을 하는 프로그램 중 하나이며 가장 유명한 오픈소스 라이브러리이다.FFMPEG.WASM사용법1) npm install @ffmpeg/ffmpeg @ffmpeg/core2) ffmpeg를 쓰고싶은 파일에 import한다.import

2021년 11월 13일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (11. Video Recoder)

MediaDevices.getUserMedia()을 통해서 MediaStream을 얻을 수 있음.보통, \[MediaDevices](https://developer.mozilla.org/ko/docs/Web/API/MediaDevices) 싱글톤 객체는 다음과

2021년 11월 13일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (10. Video view)

백엔드에서 video view올려주는 api만들기api Router 만들기registerView controller 만들기상태코드를 보낼때 status가 아닌 sendStatus로 보내야 프론트에서 요청을 했을때 pending이 안됨.프론트에서 api호출하기video의

2021년 11월 13일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (9. Video Player 만들기)

video play and pausetag, id불러오기video play/pause 시키기playBtn을 눌렀을때 재생이 되야함 → HTMLMediaElement.paly() 메소드로 가능재생중일때는 눌렀을때 멈춰야 됨 → HTMLMediaElement.pause(

2021년 10월 28일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (8. webpack)

webpack, webpack-cli devDependencies 로 설치npm i webpack webpack-cli -Dsrc에 client/js/main.js파일 만들기.나중에 main.js에 쓴 코드들이 우리가 처리하고자 하는 코드들임.webpack.config

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (7. Video Owner)

video model에 owner 추가하기ref는 어떤 mode의 id를 넣을 것 인지 설정 하는 것video를 upload한 owner만 edit/delete video를 볼 수 있게 설정하기.video를 upload할때 postUpload controller에서 o

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (6. multer을 사용하여 file upload하기)

npm i multerform에 enctype="multipart/form-data"을 써줘야함.input에 file을 가져올때 accept="image/\*을 써줘야 이미지 파일이 아닌 다른 파일을 업로드하지 못하게 막을 수 있음. export const upl

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (5. USER AUTHENTICATION)

hashing입력값→ 출력값 0 출력값 → 입력값 x사용법npm i bcryptbcrypt.hash(this.password, 5) → 1번째 인자에는 hash할 비밀번호가 들어감. → 2번째 인자에는 hash를 몇번 할 것인지 Number으로 들어감. has

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (4. MONGODB AND MONGOOSE)

Mongo(terminal)몽고 사용하기mongo내가 가진 db 보기show dbs현재 사용 중인 db 확인db사용할 db 선택하기use dbName(현재 수업에서는 use wetube)db 컬렉션 보기show collectionsdb 컬렉션 안에 documents 보

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (3. PUG)

pug 사용1) npm에서 pug를 설치한다.npm i pug2) express에서 view engine을 pug로 설정 해준다.app.set("view engine", "pug")3) index.pug라는 이름의 Pug 템플리트를 views 디렉토리에 작성한다.4)

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (2. ROUTER)

Router 나누기 (/edit-video 보단 /video/edit가 더 나은 Router)/ -> Home/join -> Join/login -> Login/search -> Search/users/:id -> See User/users/logout -> Log o

2021년 10월 25일
·
0개의 댓글
post-thumbnail

Youtube Clone Coding (1. INTRODUCTION TO EXPRESS)

사용자가 http프로토콜을 사용하여 요청하는 것을 Get 요청이라고 한다. 주소 표시줄에 URL을 입력하고 페이지가 로드되면 실제로 서버에 GET 요청을 보내고 응답을 받고 브라우저에 응답을 표시한다. express 서버 만들기 app.METHOD(PATH, Hand

2021년 10월 25일
·
0개의 댓글

[프로젝트] 유튜브 Clone & 네이버 Clone

개발 학습을 하면서 많이들 사용하는 방법중 하나가 클론코딩이다. 해설지가 존재하는 문제이다 보니 답을 도저히 모르는 경우 해답지를 찾아보면서 할 수 있는 방식이기에 처음 언어를 배울때 또는 배운 내용들을 활용하여 페이지를 제작함으로써 언어에 대한 이해를 높일 수 있는

2021년 10월 4일
·
0개의 댓글
post-thumbnail

2021 Apple Event live youtube

Live broadcast conference Apple iPhone 13 || Watch the iPhone 13 at the official Apple Event live youtube... Today, the Apple iPhone 13 conference wil

2021년 9월 14일
·
0개의 댓글