# youtube

90개의 포스트
post-thumbnail

🔥 YOUTUBE_clone 1편

그래도 차마 양심상 vscode를 켜지않을 수 없어 밤 10시에 유트브 클론하던 파일을 열었다 완성버전은 아니지만 오늘 조금이라도 코딩을 한 것이 뿌듯해서 기록!! 🔥👩🏻‍💻

2022년 7월 24일
·
0개의 댓글
·

[Youtube] 디자인 패턴 개발하는데 꼭 필요한가?

출처 개발하는 남자 Youtube 디자인 패턴은 누군가가 정의 내린 방식A가 첫 프로젝트에 로그인 소스코드 생성\->의존성이 많아 두 번째 프로젝트 때 재사용 불가능\->여러번의 프로젝트를 거쳐 효율적인 코드 작성\->개발시간 단축, 효율 증가\->주변인들에게 기능 소

2022년 7월 19일
·
0개의 댓글
·
post-thumbnail

boiler-plate (1)

youtube https://www.youtube.com/watch?v=yScMn7iBa1g&list=PL9a7QRYt5fqly7BrCxOS71BqLLb9OeXKd강의를 보고 메모한 게시글입니다.1.간단한 서버 만들기2\. node js필요확인은 cmd창 열어

2022년 7월 19일
·
0개의 댓글
·
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개의 댓글
·