# youtube

86개의 포스트
post-thumbnail

Proxy Pattern - UUSP

이번에는 유명한 Proxy Pattern중 하나인 UUSP에 대해서 알아 보겠습니다.실제로 프로젝트에서도 활용을 해볼 패턴이고 이러한 제안은 EIP-1822 라고도 합니다.Proxy는 간단하게 설명을 하면 대체자를 통해서 다른 컨트랙트를 호출 하는 방법을 말합니다.앞서

2022년 5월 28일
·
0개의 댓글
post-thumbnail

The Youtube Video Recommendation System(RecSys 2010)

2010 RecSys학회 자료, 유튜브 추천시스템 논문을 리뷰합니다. 12년전 자료라, 현재 유튜브 추천알고리즘과의 차이, UI 자체의 차이 등을 잘 느낄 수 있습니다. Candidate Generation + Ranking을 메인으로한 추천시스템 이해 위주입니다.

2022년 5월 24일
·
0개의 댓글
post-thumbnail

유튜브 영상으로 꽉 찬 div 박스 만들기

가져온 유튜브 영상을 컨테이너에 담았을 때, 유튜브 영상이 컨테이너에 꽉 차도록 만들기2가지 방법컨테이너의 width, height를 둘 다 지정하는 방법컨테이너의 height=0으로 놓고, padding을 이용하는 방법유튜브에서 영상의 iframe 코드 전체를 얻을

2022년 5월 20일
·
0개의 댓글
post-thumbnail

유튜브 동영상 다운로드

크롬을 이용해서 유튜브 동영상을 간편하게 다운 받을 수 있다.확장 프로그램 링크!확장 프로그램을 설치 하지 않은 상태면 노란 박스에 크롬에 추가 버튼을 클릭화면 위의 결과 화면을 볼 수 있다.플러그인 링크!위의 링크를 클릭하여 플러그인을 설치하면 설치는 완료이다.노락

2022년 5월 11일
·
0개의 댓글

유튜브 클로닝 #7-3: 회원 가입 기능 (2) 에러 메세지

\*\* 🔖 강의 범위: 200(OK): 서버가 요청을 제대로 처리했다는 뜻이다. 이는 주로 서버가 요청한 페이지를 제공했다는 의미로 쓰인다.400(Bad Request): 서버가 요청의 구문을 인식하지 못할 때 발생한다. 클라이언트 측에서 문제가 있을 때 주로 발생

2022년 4월 22일
·
0개의 댓글

유튜브 클로닝 #7-2: 회원 가입 기능 (1)

\*\*🔖 강의 범위 저번시간에는 search 페이지를 만들어보았다.이번시간에는 유저 가입 페이지를 만들어 볼 것이다.비밀번호 털렸다고? 암호화. 해시함수. 5분 설명 영상https://www.youtube.com/watch?v=67UwxR3ts2E해시함수

2022년 4월 19일
·
0개의 댓글

유튜브 클로닝 #7-1 검색 기능

\*\*🔖 강의 범위: 정렬 순서를 설정합니다. 개체가 전달되면 허용되는 값은 asc, desc, 오름차순, 내림차순, 1 및 -1입니다.https://mongoosejs.com/docs/api.html라우트 안에 query string parameter를

2022년 4월 19일
·
0개의 댓글

유튜브 클로닝 #6-3 CRUD (3) DELETE

강의 범위: #6.25~6.28

2022년 4월 15일
·
0개의 댓글

유튜브 클로닝 #6-1 CRUD (1) CREATE & READ

Preview 지난 시간에 db 를 설치, 연결, 데이터 형식 세팅까지 해주었다. 이제 진짜 db와 소통하는 crud 기능을 설치해줄 차례이다. 비디오를 업로드하는 페이지를 만들면서 어떤식으로 crud 를 설정할 수 있는지 알아볼 것이다. 강의 내용 추가 공부

2022년 4월 15일
·
0개의 댓글

유튜브 클로닝 #5-5 MongoDB: Mongoose 이용해 불러온 데이터 이용하기

🔖 강의 범위: #6.9~6.12 Preview 지난 시간에는 mongoDB 와 mongoose 의 개념을 알아보고 설치한 뒤, db 에 연결까지 해보았다. 이번 시간에는 연결된 db 에 요청을 보내고, 수정하고, 삭제하고, 받아올 수 있도록 설정해 줄 것이다.

2022년 4월 14일
·
0개의 댓글

유튜브 클로닝 #5-3 MongoDB: Introduction (finally) of MongoDB & Mongoose

🔖 강의 범위: form 의 value 를 받아 서버의 데이터를 수정하는 방법에 대해 알아보자.keywords: form, method, POST, router.route(),지금까지는 POST 로 서버 데이터를 수정하는 법도 배워보자.그러기 위해 form 을 이용하

2022년 4월 12일
·
0개의 댓글

유튜브 클로닝 #5-2 MongoDB: Prologue (2)

absolute route vs. relative routehref="/edit" => localhost:4000/edithref="edit" => localhost:4000/videos/edit앞에 붙이는 / 하나가 경로를 완전히 바꿀 수 있다.&rarr: right

2022년 4월 12일
·
0개의 댓글

유튜브 클로닝 #5-1 MongoDB: Prologue (1)

🔖 강의 범위 : 6.0~6.1진짜 database(이하 db) 를 다루기 전에 가짜 db 를 이용하여서버에서 데이터를 불러와 웹페이지에서 이용하는 방법에 대해 알아보자. 간단한 예시로 불러온 데이터로 비디오 목록을 만들고, 각 영화 목록의 title 을 클릭하면 해

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

유뷰브 클로닝 #4-2 Pug: Digging into Pugs

Inheritance 기능 https://pugjs.org/language/inheritance.html개념extends 는 또다른 pub 파일을 불러온다. import 같은 개념.block 은 템플릿이 될 파일에 빈 공간(block)을 만들어주는 것이다. 이

2022년 4월 8일
·
0개의 댓글
post-thumbnail

유튜브 클로닝 #4 Template: Pug

Pug는 Haml의 영향을 많이 받은, Node.js 및 브라우저용 JavaScript로 구현된 고성능 템플릿 엔진입니다. Pug는 이전에 "Jade"로 알려졌습니다. 그러나 "Jade"가 등록상표임이 밝혀져 이름을 변경했습니다.설치 및 사이트: https:/

2022년 4월 6일
·
0개의 댓글

유튜브 클로닝 #3-2 Router: Parameter 와 정규식

Parameter: url에 변수를 가지게 해준다. 라우터 안에 : 로 파라미터임을 표시한다. express 의 req object 에는 이러한 params 를 키로 가지는 값이 존재한다. (console.log(req.params) 시 해당 req를 보내는 url 에

2022년 4월 6일
·
0개의 댓글

유뷰트 클로닝 #3 Router : Introduction

https://expressjs.com/ko/4x/api.htmlrouter.all()router.METHOD()router.param()router.route()router.use()모든 Express 애플리케이션에는 앱 라우터가 내장되어 있습니다.라우터는

2022년 4월 6일
·
0개의 댓글

유튜브 클로닝 #2-2 Server: 미들웨어 middleware

이중 마지막으로 브라우저에게 응답하는 finalware(three) 를 제외하고 모두(one, two)는 middleware이다. /login 페이지로 이동시 one, two, three 가 순차적으로 발동된다.Middlewares are software betwee

2022년 4월 5일
·
0개의 댓글