분류 전체보기(277)
-
[유튜브 클론코딩] 3.2 Configuring Dot Env
3.2 Configuring Dot Env .env 파일 생성 먼저 .env라는 파일을 생성한다. 여기 MONGO_URL이라는 variable을 만들어본다. MONGO_URL = "mongodb://localhost:27017/mytube" PORT=4000 ↑ .env import mongoose from "mongoose"; import dotenv from "dotenv"; dotenv.config(); mongoose.connect( process.env.MONGO_URL, { useNewUrlParser: true, useFindAndModify:false } ); const db = mongoose.connection; const handleOpen = () => console.log("✅ C..
2021.03.01 -
[유튜브 클론코딩] 3.1 Connecting to MongoDB
3.1 Connecting to MongoDB Mongoose를 이용해서 MongoDB에 연결하기 - db.js import mongoose from "mongoose"; mongoose.connect("mongodb://localhost:27017/mytube", { useNewUrlParser: true, useFindAndModify:false }); ↑ db.js db.js에 다음과 같이 작성한다. 의미는 몰라도 된다. import mongoose from "mongoose"; mongoose.connect("mongodb://localhost:27017/mytube", { useNewUrlParser: true, useFindAndModify:false }); const db = mongoose..
2021.03.01 -
[유튜브 클론코딩] 3.0 MongoDB and Mongoose
3.0 MongoDB and Mongoose MongoDB? 데이터베이스는 크게 두 종류의 데이터베이스가 있음 - 1) SQL 2)NoSQL MongoDB는 NoSQL로 구분된다. MongoDB는 더 적은 규칙과 더 적은 절차로 작업이 가능한 데이터베이스이다. 많은 사람들이 MongoDB를 사용하고 있다. 엄청 가볍고 초보자들도 쉽게 다룰 수 있기 때문에, 사용하기 엄청 쉽고 직관적으로 작동한다. MongoDB 설치하기 MongoDB를 윈도우에서 설치하는 방법을 검색해서 설치한다 (MongoDB community Server 설치하고 환경변수 설정하는 법 검색해서 하면 된다) 그리고 VScode를 다시 실행한 후, mongod 라고 쳐보고 mongo라고 쳤을 때 작동하면 된 것이다(나갈땐 exit) Mo..
2021.03.01 -
[프로그래머스] 두 수 뽑아서 더하기
두 수 뽑아서 더하기 문제 출처: 프로그래머스 문제 설명 정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요. 제한사항 numbers의 길이는 2 이상 100 이하입니다. numbers의 모든 수는 0 이상 100 이하입니다. 입출력 예 numbers result [2,1,3,4,1] [2,3,4,5,6,7] [5,0,2,7] [2,5,7,9,12] 입출력 예 설명 입출력 예 #1 2 = 1 + 1 입니다. (1이 numbers에 두 개 있습니다.) 3 = 2 + 1 입니다. 4 = 1 + 3 입니다. 5 = 1 + 4 = 2 + 3 입니다. ..
2021.02.25 -
[프로그래머스] 크레인 인형 뽑기 게임
크레인 인형뽑기 게임 문제 출처 : 프로그래머스 문제 설명 게임개발자인 죠르디는 크레인 인형뽑기 기계를 모바일 게임으로 만들려고 합니다. 죠르디는 게임의 재미를 높이기 위해 화면 구성과 규칙을 다음과 같이 게임 로직에 반영하려고 합니다. 게임 화면은 1 x 1 크기의 칸들로 이루어진 N x N 크기의 정사각 격자이며 위쪽에는 크레인이 있고 오른쪽에는 바구니가 있습니다. (위 그림은 5 x 5 크기의 예시입니다). 각 격자 칸에는 다양한 인형이 들어 있으며 인형이 없는 칸은 빈칸입니다. 모든 인형은 1 x 1 크기의 격자 한 칸을 차지하며 격자의 가장 아래 칸부터 차곡차곡 쌓여 있습니다. 게임 사용자는 크레인을 좌우로 움직여서 멈춘 위치에서 가장 위에 있는 인형을 집어 올릴 수 있습니다. 집어 올린 인형은..
2021.02.25 -
[유튜브 클론코딩] 2.25 More Controllers
2.25 More Controllers 비디오를 클릭하면 비디오 상세 페이지로 이동하도록 하기 누군가가 비디오를 클릭하면 비디오 상세 페이지로 보이도록 하고 싶다. mixin을 수정한다. mixin videoBlock(video = {}) .videoBlock a(href=routes.videoDetail(video.id)) video.videoBlock__thumbnail(src=video.videoFile, controls=true, autoplay=true) h4.videoBlock__title=video.title h6.videoBlock__views=video.views ↑ videoBlock.pug 이제 videoBlock을 사용하는 곳에서 인자를 입력할 때 id: video.id를 추가로 보..
2021.02.24