JNarin Development Story

오늘은 인프런 강의를 듣다가 이 내용을 저장하고 싶어서 글을 쓰게 되었다. mongoDB를 하게 되면 매번 비슷한 방식으로 mongoose를 사용하여 mongoDB를 활용하게 된다. 하지만 그냥 무심코 넘어갔던 데이터베이스명을 수정할 수 있는 방법이 있어 적게 되었다. 1. mongoDB에 Databases명을 바꾸는 방법 우리가 몽고디비를 처음 접하면 자주 볼 수 있는 이미지이다. 사실 습득에만 관심을 가지고 그 외에는 관심이 없었다. (반성하자 나 자신...) 가장 근본적이면서고 이 부분에 대한 궁금증에 대해 관심도 없었다. 이번에 알게 된 것은 위에서 박스로 표시한 myFirstDatabase는 필자가 설정을 하여 변경할 수 있다. app.listen(port, () => { mongoose .co..

1. create model 먼저 모델을 생성해준다. // server > models > Comment.js const mongoose = require("mongoose"); const Schema = mongoose.Schema; const commentSchema = mongoose.Schema( { writer: { type: Schema.Types.ObjectId, ref: "User", }, postId: { type: Schema.Types.ObjectId, ref: "Video", }, responseTo: { type: Schema.Types.ObjectId, ref: "User", }, content: { type: String, }, }, { timestamps: true } ); ..

유튜브를 사용해보신 분들은 아시겠지만, 유튜브는 각자의 채널의 고유 페이지가 있습니다. 오늘은 그러한 페이지를 만들려고 하는데요. 시작해보려고 합니다. 순서가 많이 헷갈릴 수 있기에 순서를 먼저 표시를 해보도록 하겠습니다. 1. 먼저 구독한 페이지를 볼 수 있는 파일을 먼저 생성을 한다. 2. 페이지의 링크를 위해 라우터를 생성한다. 3. 만든 페이지의 템플릿을 생성한다. (즉, CSS를 입히다.) 4. 내가 구독한 유저의 비디오만을 골라오는 API를 생성한다. 5. 서버에서 만든 데이터들을 화면에 출력하도록 한다. 이렇게 5단계에 순서에 맞게 실행하면 된다. 1. 페이지 생성 해당하는 위치에 혹은 원하는 위치에 폴더 및 파일을 생성한다. 필자의 설치 경로는 다음과 같다. client > src > co..

최근에 이력서와 면접 등의 일로 조금 늦어졌지만, 다시 하던 스터디를 시작해봅니다. Subscriber Model 만들기 먼저 Model을 만들기 위한 기본 구성은 다음과 같다. // server > models > Subscriber.js const mongoose = require("mongoose"); const Schema = mongoose.Schema; const subscriberSchema = mongoose.Schema({}, { timestamps: true }); const Subscriber = mongoose.model("Subscriber", subscriberSchema); module.exports = { Subscriber }; mongoose를 불러와 schema를 생성하..

공부를 시작하고 다 올렸지만 필자가 다시 찾아보는데 어려움이 있어 편하게 공부 및 검색을 위해 이 페이지가 제작이 되었음을 밝힙니다. 중요하다고 하는 포인트 혹은 태그를 위주로 정리를 하였습니다. Front 1. react-router-dom jnarin-development-story.tistory.com/98 2. axios, CORS, proxy, ShareArrayBuffer jnarin-development-story.tistory.com/99 3. redux, Redux Extension jnarin-development-story.tistory.com/101 4. class VS function Components, hook jnarin-development-story.tistory.com/..

오늘은 서버에 비디오를 업로드하는 공부를 하려 한다. 1. 비디오 Collection 만들기 먼저 서버에 Video.js 모델 기본 세팅을 해준다. 그런 후 필요한 collection을 설정한다. // server > models > Video.js const mongoose = require('mongoose'); const Schema = mongoose.Schema; const videoShema = mongoose.Schema({ writer: { type: Schema.Types.ObjectId, ref: 'User' }, title : { type: String, maxlength: 50 }, description : { type: String }, privacy: { type: Number ..

비밀번호는 아무리 판매자라 하여도 사용자의 비밀번호를 보아서도 알아서도 안된다. 그렇기에 비밀번호를 암호화하는 것이 중요하다. 이번에는 bcrypt 패키지를 이용하여 회원가입 시 암호화를 진행하려 한다. 일단 mongoDB를 확인하면 맨 처음 가입 시 테스트했던 것을 확인하면, 비밀번호가 너무 잘 보인다. 그래서 그 부분을 보완하기 위해서 bcrypt패키지를 설치해야 한다. yarn add bcrypt OR npm install bcrypt moduls/User.js ... const bcrypt = require('bcrypt'); const saltRounds = 10; ... userSchema.pre('save', function(next){ // 회원가입할 정보를 저장하기 전에 함수 실행 let..

저번 시간에는 nodemon을 설치함으로써 서버다운 없이 리프레시를 할 수 있는 모듈을 설치하였다. 또한 package에 대해 개발/배포에 따라 구별을 하는 방법을 알았다. 그래서 이번에는 서버 설정을 하다 보면 깃에 올리지 말아야 할 것이 있다. 보완성을 더욱 높이는 방법에 대해 정리를 해보았다. index.js ... const config = require('./config/key'); ... mongoose.connect(config.mongoURI, { useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true, useFindAndModify: false // 미사용시 에러발생 }).then(() => console.log('Mo..