youtube YouTube, vimeo 및 Google 드라이브에서 삽입된 동영상 보기 사용자가 새 URL을 입력할 때마다 YouTube 및 vimeo의 유효한 형식으로 조정해야 하는 약간의 조정을 해야 했고, 약간의 작업이 필요하다고 생각하여 다음 URL을 더 쉽게 만들었습니다. , 여기에 코드를 준비된 상태로 두겠습니다. 프런트엔드 인터페이스의 경우 htmliframe을 사용할 수 있습니다. 💡 참고: src 속성에서 형식이 지정된 URL을 적용합니다. 백엔드 백엔드의 경우... vimeotutorialyoutubephp 웹사이트에 매체 및 YouTube RSS 피드를 삽입하는 방법 그런 다음 "내 웹사이트에 중간 RSS 피드 또는 YouTube RSS 피드를 삽입하는 방법"이라는 질문에 대한 솔루션을 요청할 수 있습니다. 웹 사이트에 YouTube RSS 피드를 삽입하는 방법 RSS를 JSON으로 변환하여 RSS URL 링크를 가져올 수 있도록 JSON 데이터로 변환한 다음 결과를 사이트에 포함할 수 있습니다. 필요에 따라 다른 프런트 엔드 라이브러리를 사용할 수 있습... reactrssyoutubemedium Python, tkinter 및 pytube를 사용하는 GUI Youtube 비디오 다운로더. 다음은 Python을 사용한 GUI youtube 비디오 다운로더의 소스 코드입니다. 최종 출력:... beginnersyoutubeprogrammingpython YouTube 구독을 CSV 형식으로 다운로드(Google 테이크아웃이 너무 오래 걸리기 때문에) 이를 수행하는 일반적인 방법은 계정에 대한 데이터를 검색할 수 있도록 Google에서 제공하는 서비스인 Google 테이크아웃에서 구독을 내보내는 것입니다. Import YouTube subscriptions from Google takeout: [If the .zip import fails] Extract the .csv file (usually under "YouTube and YouTu... youtubewebscrapinguserscript Elixir로 Youtube에 업로드 내 프로젝트의 경우 . 올바른 OAuth 토큰을 얻기 위해 약간 애를 먹었고 ... 현재 2022 Google 클라우드 인터페이스로 모든 단계를 자세히 설명했습니다. 프로젝트 만들기 유튜브 API 활성화 검색창에 youtube api를 입력한 다음 YouTube Data api v3를 클릭합니다. oauth 동의 화면 설정 Oauth 동의 화면을 클릭하고 외부를 선택한 다음 만들기를 선택합니... youtubeelixir 빠른 팁: GitHub 페이지에 YouTube 동영상 포함 은 일부 콘텐츠를 온라인에서 호스팅할 수 있는 좋은 방법입니다. 마크다운 파일을 작성하고 GitHub에 페이지로 생성하라고 지시하기만 하면 됩니다. 문제는 마크다운에 일부 HTML을 추가하여 예를 들어 YouTube 동영상을 삽입할 수 없다는 것입니다. YouTube iframe만 포함하면 작동하지만 전문적인 마크다운 리포지토리로 작업하면 오류 또는 보안 문제로 표시됩니다. 많은 사람들이 사... youtubegithub jQuery를 사용하여 Youtube 비디오를 다운로드하는 방법 이 기사에서는 jquery를 사용하여 YouTube 동영상을 다운로드하는 방법 또는 소스에서 YouTube 동영상을 다운로드하는 방법을 살펴봅니다. 또한 로더 API를 사용하여 무료 YouTube 동영상을 다운로드합니다. 소스에서 YouTube 비디오를 다운로드하는 것은 매우 간단합니다. YouTube 동영상을 다운로드하려면 YouTube 동영상 URL을 입력하고 품질을 선택하기만 하면 됩니... jqueryyoutubephpjavascript 터미널에서 YouTube 동영상을 전사하는 방법 내부 Deepgram Slack 작업 공간에는 사람들이 터미널에서 달성한 재미있고 엉뚱한 일을 공유할 수 있는 채널이 있습니다( #bash-hall-of-fame ). 5년 전, CEO Scott은 YouTube 동영상에서 오디오만 다운로드할 수 있는 멋진 작은 스니펫을 공유했습니다. 오늘은 여전히 작동하는 코드 조각을 사용하여 YouTube 비디오에서 오디오를 다운로드한 다음 Deepgra... terminalyoutubeapi Telescope에서 YouTube API와 연결 그 이유는 Telescope에서 해당 비디오 정보를 피드에서 제공하는 YouTube 기사에 포함되지 않기 때문에 실제로 저장하지 않기 때문입니다. 그래서, 이것만을 위한 유튜브. 하지만 통계를 요청하는 것 이상으로 사용할 수 있습니다. 예를 들어 라이브 스트림을 시작하거나 비디오를 업로드하기 위해 API에 요청을 보낼 수 있습니다. 동기식으로 만들면 스크립트 실행이 차단되어 UI가 정지될 수... apireactopensourceyoutube 반응형 YouTube Embedding with Bootstrap 거의 비슷하지만 YouTube 동영상에서 임베드 코드를 복사하여 붙여넣으면 여전히 문제가 발생할 수 있습니다. 특히 모바일에서. 오늘 아침에 을 사용하여 만든 에 튜토리얼 비디오를 추가하면서 이 사실을 알게 되었습니다. 이것은 잘 작동했고 localhost:5500에서 잘 미리 보았습니다. 하지만 iPhone 11에서 라이브 사이트를 미리 보았을 때 모바일에서는 엉망이었습니다. 고정 너비가 ... youtubebootstraphtmlbeginners 새로운 Angular YouTube 플레이어 구성요소! Angular 세계 🌎에 멋진 새 구성 요소가 있습니다! Angular 애플리케이션에 YouTube 비디오를 추가하는 것이 그 어느 때보다 쉬워졌습니다. Angular( 제외)에 대한 가장 흥미로운 최근 변경 사항 중 하나는 angular/material 저장소의 이름을 ✨으로 변경한 것입니다. Angular 구성 요소 저장소에는 이미 도 포함되어 있으며 새로운 고품질 Angular 구성 요... youtubecomponentsjavascriptangular 유튜브 클로닝 #6-3 CRUD (3) DELETE 🔖 강의 범위: #6.25 이번 시간까지 CRUD 의 Create, Read, Update 기능까지 만들며 배워보았다. 마지막 기능인 Delete 도 만들어보자. 원리는 간단하다. 지금껏 해왔듯 일정 url 로 이동하면 url에 있는 id 로 해당 비디오를 찾아 지우는 것. mongoose 의 Model.findByIdAndDelete( ) 기능을 이용하면 된다. 끝. 이 둘은 정말 약간의 ... CRUDyoutube강의CRUD 유튜브 클로닝 #7-1 검색 기능 라우트 안에 query string parameter를 포함하고 있는 객체로, URL에서 데이터를 가져올 때 주로 사용한다. 몽고DB에서 정규표현식을 사용하기 위해 사용하는 키워드 RegExp 생성자는 패턴을 사용해 텍스트를 판별할 때 사용합니다. RegExp 객체는 리터럴 표기법과 생성자로써 생성할 수 있습니다. 예시1: //키워드//ig 뒤의 플래그 i 는 ingnore 의 약자로 키워드... 정규식req.queryregex강의.sortyoutuberegexp.sort 유튜브 클로닝 #7-2: 회원 가입 기능 (1) 🔖 강의 범위 #7.0~7.2 #7부터는 그동안 배운 이론들(몽고db, 몽구스의 Schema, model, 그외 다양한 기능들, express, pug template 등)을 모두 이용하여 홈페이지의 간단한 기능들을 만들어보는 작업들을 할 것이다. 저번시간에는 search 페이지를 만들어보았다. 이번시간에는 유저 가입 페이지를 만들어 볼 것이다. 비밀번호 털렸다고? 암호화. 해시함수. 5분 ... youtube강의youtube 유튜브 클로닝 #6 CRUD (1) CREATE & READ Video model 에 작성한 형식대로 form 은 데이터가 오기를 기대할 것이다. upload form 이 있는 upload template 으로 돌아가서 input name 에 데이터 형식에 작성했던 키값들을 적어주자. 1) new Model : 컨트롤러에 데이터형식에 맞춰 새로운 데이터를 만들어주자. 콘솔에 찍어보면 추가해주지 않은 id 가 부여된 걸 알 수 있는데 new Model ... CRUDyoutube강의CRUD 유뷰트 클로닝 #6 CRUD (2): UPLOAD(EDIT) 지난 시간에는 mongoose.Schema, mongoose.Model, mongoose.find, mongoose.findById 등의 다양한 몽구스의 매서드를 이용해 데이터를 생성하고 서버에 저장하며, 다시 저장한 데이터를 불러오는 CRUD 의 C,R 부분을 공부해보았다. 두 가지 방법이 있다. 2.1.2 두 번째 방법: 몽구스의 함수 이용하기 : .findByIdAndUpadte() 🌟... CRUDyoutube강의CRUD 유튜브 클로닝 #5-4 MongoDB : Mongoose 이용해 데이터 형식 정의하기 🔖 강의 범위: #6.9~6.11 지난 시간에는 mongoDB 와 mongoose 의 개념을 알아보고 설치한 뒤, db 에 연결까지 해보았다. 다음 시간에는 연결된 db 에 요청을 보내고, 수정하고, 삭제하고, 받아올 수 있도록 설정해 줄 것이다. 그렇다. CRUD (create, read, update, delete) 설정을 해주는 시간을 가질 것이다. 이번 시간에는 CRUD 작업을 하기전... .model()mongoose강의youtube.schema().model() 유튜브 클로닝 #5-5 MongoDB: Mongoose 이용해 불러온 데이터 이용하기 저번 시간에는 CRUD 작업을 하기전 설정을 위해 mongoose.Schema, mongoose.model() 을 이용하여 db 에 보낼 데이터 형식을 정의해주었다. 다른 작업에 앞서 db 와 관련된 모든 데이터 형식들을 import 할 예정이니 server.js 파일이 길어질 걸 고려해서 깔끔하게 둘로 나누기로 한다. nodemon 재설정: nodemon 은 server 가 시작될 때 실행... mongooseyoutube.find()강의.find() 유튜브 클로닝 #5-1 MongoDB: Prologue (1) 🔖 강의 범위 : 6.0~6.1 진짜 database(이하 db) 를 다루기 전에 가짜 db 를 이용하여 서버에서 데이터를 불러와 웹페이지에서 이용하는 방법에 대해 알아보자. 간단한 예시로 불러온 데이터로 비디오 목록을 만들고, 각 영화 목록의 title 을 클릭하면 해당 영화의 id 를 param 으로 가지는 링크로 이동하도록 해볼 것이다. 이를 위해선 적어도 title, id 를 가진 비... 몽고youtubemongo강의mongo 유튜브 클로닝 #5-3 MongoDB: Introduction (finally) of MongoDB & Mongoose 진짜 db 의 시간. 데이터베이스의 종류는 다양하지만 그중 mongoDB 를 사용할 것이며, mongoDB 사용을 원활히 하기 위해 또다른 패키지인 mongoose 에 대해 알아볼 것이다. 그 중 유명한 데이터 베이스 중 하나인 MongoDB 를 사용할 것이다. MongoDB 의 장점 데이터들이 이런식으로 정리된다.) MongoDB 설치 MongoDB 다운로드 사이트 MongoDB 설치 (M... mongoosemongodb강의youtubemongodb [Youtube API] 검색어를 이용한 동영상 목록 보여주기(1) 저번 포스팅에 이어서 작성합니다. 표시한 곳을 누르면 code를 사용할 수 있습니다. 이런 식으로 작성을 하여 EXCUTE를 누르시면 결과를 확인할 수 있고 SHOW CODE를 누르시면 코드를 확인하실 수 있습니다! 나온 코드를 이용해서 작성을 하시면 됩니다. 저는 이렇게 나온 걸 가지고 사용하겠습니다 ㅎㅎ 이 전 포스팅과 구조가 많이 바뀌었네요... View에서 통신을 하면 좋지 않기 때문... ReactyoutubeReact [Youtube API] 인기 동영상 목록 보여주기(2) - 제목과 채널명 보여주기 저번 포스팅에 이어서 작성합니다. 제가 사용할 데이터는 제목과 채널명이기 때문에 title과 channelTitle을 가져와서 사용 할 것입니다. 간단하게 기존 코드에 추가만 하였습니다!... ReactyoutubeReact [Youtube API] 인기 동영상 목록 보여주기(1) - thumbnail 띄우기 우선 유튜브 공식 사이트에서 친절하게 소개가 되어 있으니 참고를 하는 것이 좋은 것 같다. 한글로 번역된 것도 좋긴 하지만 영어 사이트가 source를 만들 수 있는 등 더 많은 것을 이용할 수 있어요!!(물론 postman을 이용해도 코드를 쉽게 작성할 수 있긴 하지만..ㅋㅋㅋ 영문과 한문을 왔다갔다하면서 봤습니다ㅋㅋ.) 참고하면서 개발하면 좋습니다. 비디오를 어떤 형식으로 가져오는 지 알... ReactyoutubeReact 유뷰브 클로닝 #4-2 Pug: Digging into Pugs 이번 시간에는 객체들로 가짜 데이터를 만들어 서버에서 불러온 데이터로 Pug 템플릿을 사용할 떄의 사용 방법들과 Pug 의 다양한 기능들에 대해 배워보았다. 그럼 이제 (가짜) 서버 데이터를 이용하여 Pug 의 찐 명목을 알아보자. Pug 의 고유 기능 다른 pug 파일의 "내용"을 불러올 때 사용한다. 밑에 나오는 extends 와 다른 점은: extends 는 다른 pug 파일을 불러온다... 강의pugyoutubepug [HTML/CSS] Day7. Background-image에 대해 몰랐던 사실 😎 분명 <body> 태그에 적용한 색은 화면 전체에 적용이 되었는데 콘텐츠의 영역은 콘텐츠인 "행복"만큼의 영역만을 차지하고 있다. 원래 <html> 태그에는 관례상 배경색을 적용하지 않고 대신 <body>에 적용하지만 공부를 위해 적용하자! 그래서 단독으로 <body>태그에 배경색을 적용했을 때 배경색이 화면 전체에 다 차지한 것을 보면 HTML에서는 <body>는 특별 취급을 하고 있다고 ... 빔캠프backgroundhtmlcssyoutubebackground 유뷰트 클로닝 #3 Router : Introduction router.all() router.METHOD() router.param() router.route() router.use() 모든 Express 애플리케이션에는 앱 라우터가 내장되어 있습니다. 라우터는 미들웨어 자체처럼 작동하므로 app.use()에 대한 인수로 또는 다른 라우터의 use() 메서드에 대한 인수로 사용할 수 있습니다. 최상위 익스프레스 객체에는 새로운 라우터 객체를 생성하... router강의youtuberouter
YouTube, vimeo 및 Google 드라이브에서 삽입된 동영상 보기 사용자가 새 URL을 입력할 때마다 YouTube 및 vimeo의 유효한 형식으로 조정해야 하는 약간의 조정을 해야 했고, 약간의 작업이 필요하다고 생각하여 다음 URL을 더 쉽게 만들었습니다. , 여기에 코드를 준비된 상태로 두겠습니다. 프런트엔드 인터페이스의 경우 htmliframe을 사용할 수 있습니다. 💡 참고: src 속성에서 형식이 지정된 URL을 적용합니다. 백엔드 백엔드의 경우... vimeotutorialyoutubephp 웹사이트에 매체 및 YouTube RSS 피드를 삽입하는 방법 그런 다음 "내 웹사이트에 중간 RSS 피드 또는 YouTube RSS 피드를 삽입하는 방법"이라는 질문에 대한 솔루션을 요청할 수 있습니다. 웹 사이트에 YouTube RSS 피드를 삽입하는 방법 RSS를 JSON으로 변환하여 RSS URL 링크를 가져올 수 있도록 JSON 데이터로 변환한 다음 결과를 사이트에 포함할 수 있습니다. 필요에 따라 다른 프런트 엔드 라이브러리를 사용할 수 있습... reactrssyoutubemedium Python, tkinter 및 pytube를 사용하는 GUI Youtube 비디오 다운로더. 다음은 Python을 사용한 GUI youtube 비디오 다운로더의 소스 코드입니다. 최종 출력:... beginnersyoutubeprogrammingpython YouTube 구독을 CSV 형식으로 다운로드(Google 테이크아웃이 너무 오래 걸리기 때문에) 이를 수행하는 일반적인 방법은 계정에 대한 데이터를 검색할 수 있도록 Google에서 제공하는 서비스인 Google 테이크아웃에서 구독을 내보내는 것입니다. Import YouTube subscriptions from Google takeout: [If the .zip import fails] Extract the .csv file (usually under "YouTube and YouTu... youtubewebscrapinguserscript Elixir로 Youtube에 업로드 내 프로젝트의 경우 . 올바른 OAuth 토큰을 얻기 위해 약간 애를 먹었고 ... 현재 2022 Google 클라우드 인터페이스로 모든 단계를 자세히 설명했습니다. 프로젝트 만들기 유튜브 API 활성화 검색창에 youtube api를 입력한 다음 YouTube Data api v3를 클릭합니다. oauth 동의 화면 설정 Oauth 동의 화면을 클릭하고 외부를 선택한 다음 만들기를 선택합니... youtubeelixir 빠른 팁: GitHub 페이지에 YouTube 동영상 포함 은 일부 콘텐츠를 온라인에서 호스팅할 수 있는 좋은 방법입니다. 마크다운 파일을 작성하고 GitHub에 페이지로 생성하라고 지시하기만 하면 됩니다. 문제는 마크다운에 일부 HTML을 추가하여 예를 들어 YouTube 동영상을 삽입할 수 없다는 것입니다. YouTube iframe만 포함하면 작동하지만 전문적인 마크다운 리포지토리로 작업하면 오류 또는 보안 문제로 표시됩니다. 많은 사람들이 사... youtubegithub jQuery를 사용하여 Youtube 비디오를 다운로드하는 방법 이 기사에서는 jquery를 사용하여 YouTube 동영상을 다운로드하는 방법 또는 소스에서 YouTube 동영상을 다운로드하는 방법을 살펴봅니다. 또한 로더 API를 사용하여 무료 YouTube 동영상을 다운로드합니다. 소스에서 YouTube 비디오를 다운로드하는 것은 매우 간단합니다. YouTube 동영상을 다운로드하려면 YouTube 동영상 URL을 입력하고 품질을 선택하기만 하면 됩니... jqueryyoutubephpjavascript 터미널에서 YouTube 동영상을 전사하는 방법 내부 Deepgram Slack 작업 공간에는 사람들이 터미널에서 달성한 재미있고 엉뚱한 일을 공유할 수 있는 채널이 있습니다( #bash-hall-of-fame ). 5년 전, CEO Scott은 YouTube 동영상에서 오디오만 다운로드할 수 있는 멋진 작은 스니펫을 공유했습니다. 오늘은 여전히 작동하는 코드 조각을 사용하여 YouTube 비디오에서 오디오를 다운로드한 다음 Deepgra... terminalyoutubeapi Telescope에서 YouTube API와 연결 그 이유는 Telescope에서 해당 비디오 정보를 피드에서 제공하는 YouTube 기사에 포함되지 않기 때문에 실제로 저장하지 않기 때문입니다. 그래서, 이것만을 위한 유튜브. 하지만 통계를 요청하는 것 이상으로 사용할 수 있습니다. 예를 들어 라이브 스트림을 시작하거나 비디오를 업로드하기 위해 API에 요청을 보낼 수 있습니다. 동기식으로 만들면 스크립트 실행이 차단되어 UI가 정지될 수... apireactopensourceyoutube 반응형 YouTube Embedding with Bootstrap 거의 비슷하지만 YouTube 동영상에서 임베드 코드를 복사하여 붙여넣으면 여전히 문제가 발생할 수 있습니다. 특히 모바일에서. 오늘 아침에 을 사용하여 만든 에 튜토리얼 비디오를 추가하면서 이 사실을 알게 되었습니다. 이것은 잘 작동했고 localhost:5500에서 잘 미리 보았습니다. 하지만 iPhone 11에서 라이브 사이트를 미리 보았을 때 모바일에서는 엉망이었습니다. 고정 너비가 ... youtubebootstraphtmlbeginners 새로운 Angular YouTube 플레이어 구성요소! Angular 세계 🌎에 멋진 새 구성 요소가 있습니다! Angular 애플리케이션에 YouTube 비디오를 추가하는 것이 그 어느 때보다 쉬워졌습니다. Angular( 제외)에 대한 가장 흥미로운 최근 변경 사항 중 하나는 angular/material 저장소의 이름을 ✨으로 변경한 것입니다. Angular 구성 요소 저장소에는 이미 도 포함되어 있으며 새로운 고품질 Angular 구성 요... youtubecomponentsjavascriptangular 유튜브 클로닝 #6-3 CRUD (3) DELETE 🔖 강의 범위: #6.25 이번 시간까지 CRUD 의 Create, Read, Update 기능까지 만들며 배워보았다. 마지막 기능인 Delete 도 만들어보자. 원리는 간단하다. 지금껏 해왔듯 일정 url 로 이동하면 url에 있는 id 로 해당 비디오를 찾아 지우는 것. mongoose 의 Model.findByIdAndDelete( ) 기능을 이용하면 된다. 끝. 이 둘은 정말 약간의 ... CRUDyoutube강의CRUD 유튜브 클로닝 #7-1 검색 기능 라우트 안에 query string parameter를 포함하고 있는 객체로, URL에서 데이터를 가져올 때 주로 사용한다. 몽고DB에서 정규표현식을 사용하기 위해 사용하는 키워드 RegExp 생성자는 패턴을 사용해 텍스트를 판별할 때 사용합니다. RegExp 객체는 리터럴 표기법과 생성자로써 생성할 수 있습니다. 예시1: //키워드//ig 뒤의 플래그 i 는 ingnore 의 약자로 키워드... 정규식req.queryregex강의.sortyoutuberegexp.sort 유튜브 클로닝 #7-2: 회원 가입 기능 (1) 🔖 강의 범위 #7.0~7.2 #7부터는 그동안 배운 이론들(몽고db, 몽구스의 Schema, model, 그외 다양한 기능들, express, pug template 등)을 모두 이용하여 홈페이지의 간단한 기능들을 만들어보는 작업들을 할 것이다. 저번시간에는 search 페이지를 만들어보았다. 이번시간에는 유저 가입 페이지를 만들어 볼 것이다. 비밀번호 털렸다고? 암호화. 해시함수. 5분 ... youtube강의youtube 유튜브 클로닝 #6 CRUD (1) CREATE & READ Video model 에 작성한 형식대로 form 은 데이터가 오기를 기대할 것이다. upload form 이 있는 upload template 으로 돌아가서 input name 에 데이터 형식에 작성했던 키값들을 적어주자. 1) new Model : 컨트롤러에 데이터형식에 맞춰 새로운 데이터를 만들어주자. 콘솔에 찍어보면 추가해주지 않은 id 가 부여된 걸 알 수 있는데 new Model ... CRUDyoutube강의CRUD 유뷰트 클로닝 #6 CRUD (2): UPLOAD(EDIT) 지난 시간에는 mongoose.Schema, mongoose.Model, mongoose.find, mongoose.findById 등의 다양한 몽구스의 매서드를 이용해 데이터를 생성하고 서버에 저장하며, 다시 저장한 데이터를 불러오는 CRUD 의 C,R 부분을 공부해보았다. 두 가지 방법이 있다. 2.1.2 두 번째 방법: 몽구스의 함수 이용하기 : .findByIdAndUpadte() 🌟... CRUDyoutube강의CRUD 유튜브 클로닝 #5-4 MongoDB : Mongoose 이용해 데이터 형식 정의하기 🔖 강의 범위: #6.9~6.11 지난 시간에는 mongoDB 와 mongoose 의 개념을 알아보고 설치한 뒤, db 에 연결까지 해보았다. 다음 시간에는 연결된 db 에 요청을 보내고, 수정하고, 삭제하고, 받아올 수 있도록 설정해 줄 것이다. 그렇다. CRUD (create, read, update, delete) 설정을 해주는 시간을 가질 것이다. 이번 시간에는 CRUD 작업을 하기전... .model()mongoose강의youtube.schema().model() 유튜브 클로닝 #5-5 MongoDB: Mongoose 이용해 불러온 데이터 이용하기 저번 시간에는 CRUD 작업을 하기전 설정을 위해 mongoose.Schema, mongoose.model() 을 이용하여 db 에 보낼 데이터 형식을 정의해주었다. 다른 작업에 앞서 db 와 관련된 모든 데이터 형식들을 import 할 예정이니 server.js 파일이 길어질 걸 고려해서 깔끔하게 둘로 나누기로 한다. nodemon 재설정: nodemon 은 server 가 시작될 때 실행... mongooseyoutube.find()강의.find() 유튜브 클로닝 #5-1 MongoDB: Prologue (1) 🔖 강의 범위 : 6.0~6.1 진짜 database(이하 db) 를 다루기 전에 가짜 db 를 이용하여 서버에서 데이터를 불러와 웹페이지에서 이용하는 방법에 대해 알아보자. 간단한 예시로 불러온 데이터로 비디오 목록을 만들고, 각 영화 목록의 title 을 클릭하면 해당 영화의 id 를 param 으로 가지는 링크로 이동하도록 해볼 것이다. 이를 위해선 적어도 title, id 를 가진 비... 몽고youtubemongo강의mongo 유튜브 클로닝 #5-3 MongoDB: Introduction (finally) of MongoDB & Mongoose 진짜 db 의 시간. 데이터베이스의 종류는 다양하지만 그중 mongoDB 를 사용할 것이며, mongoDB 사용을 원활히 하기 위해 또다른 패키지인 mongoose 에 대해 알아볼 것이다. 그 중 유명한 데이터 베이스 중 하나인 MongoDB 를 사용할 것이다. MongoDB 의 장점 데이터들이 이런식으로 정리된다.) MongoDB 설치 MongoDB 다운로드 사이트 MongoDB 설치 (M... mongoosemongodb강의youtubemongodb [Youtube API] 검색어를 이용한 동영상 목록 보여주기(1) 저번 포스팅에 이어서 작성합니다. 표시한 곳을 누르면 code를 사용할 수 있습니다. 이런 식으로 작성을 하여 EXCUTE를 누르시면 결과를 확인할 수 있고 SHOW CODE를 누르시면 코드를 확인하실 수 있습니다! 나온 코드를 이용해서 작성을 하시면 됩니다. 저는 이렇게 나온 걸 가지고 사용하겠습니다 ㅎㅎ 이 전 포스팅과 구조가 많이 바뀌었네요... View에서 통신을 하면 좋지 않기 때문... ReactyoutubeReact [Youtube API] 인기 동영상 목록 보여주기(2) - 제목과 채널명 보여주기 저번 포스팅에 이어서 작성합니다. 제가 사용할 데이터는 제목과 채널명이기 때문에 title과 channelTitle을 가져와서 사용 할 것입니다. 간단하게 기존 코드에 추가만 하였습니다!... ReactyoutubeReact [Youtube API] 인기 동영상 목록 보여주기(1) - thumbnail 띄우기 우선 유튜브 공식 사이트에서 친절하게 소개가 되어 있으니 참고를 하는 것이 좋은 것 같다. 한글로 번역된 것도 좋긴 하지만 영어 사이트가 source를 만들 수 있는 등 더 많은 것을 이용할 수 있어요!!(물론 postman을 이용해도 코드를 쉽게 작성할 수 있긴 하지만..ㅋㅋㅋ 영문과 한문을 왔다갔다하면서 봤습니다ㅋㅋ.) 참고하면서 개발하면 좋습니다. 비디오를 어떤 형식으로 가져오는 지 알... ReactyoutubeReact 유뷰브 클로닝 #4-2 Pug: Digging into Pugs 이번 시간에는 객체들로 가짜 데이터를 만들어 서버에서 불러온 데이터로 Pug 템플릿을 사용할 떄의 사용 방법들과 Pug 의 다양한 기능들에 대해 배워보았다. 그럼 이제 (가짜) 서버 데이터를 이용하여 Pug 의 찐 명목을 알아보자. Pug 의 고유 기능 다른 pug 파일의 "내용"을 불러올 때 사용한다. 밑에 나오는 extends 와 다른 점은: extends 는 다른 pug 파일을 불러온다... 강의pugyoutubepug [HTML/CSS] Day7. Background-image에 대해 몰랐던 사실 😎 분명 <body> 태그에 적용한 색은 화면 전체에 적용이 되었는데 콘텐츠의 영역은 콘텐츠인 "행복"만큼의 영역만을 차지하고 있다. 원래 <html> 태그에는 관례상 배경색을 적용하지 않고 대신 <body>에 적용하지만 공부를 위해 적용하자! 그래서 단독으로 <body>태그에 배경색을 적용했을 때 배경색이 화면 전체에 다 차지한 것을 보면 HTML에서는 <body>는 특별 취급을 하고 있다고 ... 빔캠프backgroundhtmlcssyoutubebackground 유뷰트 클로닝 #3 Router : Introduction router.all() router.METHOD() router.param() router.route() router.use() 모든 Express 애플리케이션에는 앱 라우터가 내장되어 있습니다. 라우터는 미들웨어 자체처럼 작동하므로 app.use()에 대한 인수로 또는 다른 라우터의 use() 메서드에 대한 인수로 사용할 수 있습니다. 최상위 익스프레스 객체에는 새로운 라우터 객체를 생성하... router강의youtuberouter