# youtube
Proxy Pattern - UUSP
이번에는 유명한 Proxy Pattern중 하나인 UUSP에 대해서 알아 보겠습니다.실제로 프로젝트에서도 활용을 해볼 패턴이고 이러한 제안은 EIP-1822 라고도 합니다.Proxy는 간단하게 설명을 하면 대체자를 통해서 다른 컨트랙트를 호출 하는 방법을 말합니다.앞서
The Youtube Video Recommendation System(RecSys 2010)
2010 RecSys학회 자료, 유튜브 추천시스템 논문을 리뷰합니다. 12년전 자료라, 현재 유튜브 추천알고리즘과의 차이, UI 자체의 차이 등을 잘 느낄 수 있습니다. Candidate Generation + Ranking을 메인으로한 추천시스템 이해 위주입니다.
유튜브 영상으로 꽉 찬 div 박스 만들기
가져온 유튜브 영상을 컨테이너에 담았을 때, 유튜브 영상이 컨테이너에 꽉 차도록 만들기2가지 방법컨테이너의 width, height를 둘 다 지정하는 방법컨테이너의 height=0으로 놓고, padding을 이용하는 방법유튜브에서 영상의 iframe 코드 전체를 얻을
유튜브 동영상 다운로드
크롬을 이용해서 유튜브 동영상을 간편하게 다운 받을 수 있다.확장 프로그램 링크!확장 프로그램을 설치 하지 않은 상태면 노란 박스에 크롬에 추가 버튼을 클릭화면 위의 결과 화면을 볼 수 있다.플러그인 링크!위의 링크를 클릭하여 플러그인을 설치하면 설치는 완료이다.노락
유튜브 클로닝 #7-3: 회원 가입 기능 (2) 에러 메세지
\*\* 🔖 강의 범위: 200(OK): 서버가 요청을 제대로 처리했다는 뜻이다. 이는 주로 서버가 요청한 페이지를 제공했다는 의미로 쓰인다.400(Bad Request): 서버가 요청의 구문을 인식하지 못할 때 발생한다. 클라이언트 측에서 문제가 있을 때 주로 발생
유튜브 클로닝 #7-2: 회원 가입 기능 (1)
\*\*🔖 강의 범위 저번시간에는 search 페이지를 만들어보았다.이번시간에는 유저 가입 페이지를 만들어 볼 것이다.비밀번호 털렸다고? 암호화. 해시함수. 5분 설명 영상https://www.youtube.com/watch?v=67UwxR3ts2E해시함수
유튜브 클로닝 #7-1 검색 기능
\*\*🔖 강의 범위: 정렬 순서를 설정합니다. 개체가 전달되면 허용되는 값은 asc, desc, 오름차순, 내림차순, 1 및 -1입니다.https://mongoosejs.com/docs/api.html라우트 안에 query string parameter를
유튜브 클로닝 #6-1 CRUD (1) CREATE & READ
Preview 지난 시간에 db 를 설치, 연결, 데이터 형식 세팅까지 해주었다. 이제 진짜 db와 소통하는 crud 기능을 설치해줄 차례이다. 비디오를 업로드하는 페이지를 만들면서 어떤식으로 crud 를 설정할 수 있는지 알아볼 것이다. 강의 내용 추가 공부
유튜브 클로닝 #5-5 MongoDB: Mongoose 이용해 불러온 데이터 이용하기
🔖 강의 범위: #6.9~6.12 Preview 지난 시간에는 mongoDB 와 mongoose 의 개념을 알아보고 설치한 뒤, db 에 연결까지 해보았다. 이번 시간에는 연결된 db 에 요청을 보내고, 수정하고, 삭제하고, 받아올 수 있도록 설정해 줄 것이다.
유튜브 클로닝 #5-3 MongoDB: Introduction (finally) of MongoDB & Mongoose
🔖 강의 범위: form 의 value 를 받아 서버의 데이터를 수정하는 방법에 대해 알아보자.keywords: form, method, POST, router.route(),지금까지는 POST 로 서버 데이터를 수정하는 법도 배워보자.그러기 위해 form 을 이용하
유튜브 클로닝 #5-2 MongoDB: Prologue (2)
absolute route vs. relative routehref="/edit" => localhost:4000/edithref="edit" => localhost:4000/videos/edit앞에 붙이는 / 하나가 경로를 완전히 바꿀 수 있다.&rarr: right
유튜브 클로닝 #5-1 MongoDB: Prologue (1)
🔖 강의 범위 : 6.0~6.1진짜 database(이하 db) 를 다루기 전에 가짜 db 를 이용하여서버에서 데이터를 불러와 웹페이지에서 이용하는 방법에 대해 알아보자. 간단한 예시로 불러온 데이터로 비디오 목록을 만들고, 각 영화 목록의 title 을 클릭하면 해
유뷰브 클로닝 #4-2 Pug: Digging into Pugs
Inheritance 기능 https://pugjs.org/language/inheritance.html개념extends 는 또다른 pub 파일을 불러온다. import 같은 개념.block 은 템플릿이 될 파일에 빈 공간(block)을 만들어주는 것이다. 이
유튜브 클로닝 #4 Template: Pug
Pug는 Haml의 영향을 많이 받은, Node.js 및 브라우저용 JavaScript로 구현된 고성능 템플릿 엔진입니다. Pug는 이전에 "Jade"로 알려졌습니다. 그러나 "Jade"가 등록상표임이 밝혀져 이름을 변경했습니다.설치 및 사이트: https:/
유튜브 클로닝 #3-2 Router: Parameter 와 정규식
Parameter: url에 변수를 가지게 해준다. 라우터 안에 : 로 파라미터임을 표시한다. express 의 req object 에는 이러한 params 를 키로 가지는 값이 존재한다. (console.log(req.params) 시 해당 req를 보내는 url 에
유뷰트 클로닝 #3 Router : Introduction
https://expressjs.com/ko/4x/api.htmlrouter.all()router.METHOD()router.param()router.route()router.use()모든 Express 애플리케이션에는 앱 라우터가 내장되어 있습니다.라우터는
유튜브 클로닝 #2-2 Server: 미들웨어 middleware
이중 마지막으로 브라우저에게 응답하는 finalware(three) 를 제외하고 모두(one, two)는 middleware이다. /login 페이지로 이동시 one, two, three 가 순차적으로 발동된다.Middlewares are software betwee