일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- react
- JavaScript
- frontend
- DART
- 자바스크립트
- CLONE
- Flutter
- graphQL
- CSS
- Mongoose
- javscript
- NextJs
- node.js
- 리액트
- ES6
- backend
- ECMAScript
- heroku
- TypeScript
- form
- HTML
- pug
- clonecoding
- MongoDB
- Session
- API
- nodejs
- Component
- GRID
- express
- Today
- Total
목록schema (4)
Enjoy Programming

사이드 프로젝트로~ 유튭과 인스타를 클론하면서 진행중인데~ 좋아요를 구현해보았다.. 생각보다 어렵진 않았는데~ 1. db model의 스키마 타입 정하기 2. 라우터 url설정하기 3. 컨트롤러 작성하기 4. fetch 를 이용해 라우터에 POST로 해당값을 서버로 보내주고~ 5. response로 db에 저장된 값을 가져와서 템플릿에 뿌려준다~ 일단 완성된 것은/ photo모델의 rating 스키마 타입은 objectId로 하고 User모델을 참조한다. User 모델 또한 좋아요 한 영상이나 사진을 각각의 프로퍼티에 배열로 담아준다. apiRouter를 통해 해당 값들을 받아오도록 한다. 템플릿에서 rating prop의 값이 배열로 정해져있으므로 length로 해당 좋아요 갯수를 정한다. 프런트의 자..

이제 할 일은 업로드된 비디오에 작성자를 연결해주고 작성자가 로그인 되었다면 edit을 할수 있게한다 그리고 다른 유저라면 그냥 수정할 수 없게 하겠다 먼저 각 모델에 스키마를 추가한다. 비디오에는 유저의 정보를 그리고 유저에는 비디오와 코멘트 정보, 코멘트에는 유저의 정보를 넣어주자 그리고 비디오 컨트롤러에서 post업로드 컨트롤러를 수정해주자 새로 만들어진 비디오의 스키마 creator를 req.user.id를 추가해주고 (유저가 로그인 되어있다면 항상 req에는 user가 있다) videos에 neVideo.id를 넣어준다. 그리고 저장. 그리고 상세정보 컨트롤러를 살짝 수정해준다. populate함수를 통해 객체를 가져오도록 하는데 이 함수는 Object ID타입에만 쓸수있다 마지막으로 video..

이번에는 댓글 모델을 만들어주자. 뭐 비디오 밑에 댓글다는 기능을 만들어야 하니~~~ 역시 models폴더에 Comment.js파일을 만들어 주고 코멘트 스키마를 정의해준다. 그리고 Comment라는 모델을 만들어주고 export한다 여기서 한가지 옵션이 더 들어가는데 comment가 어떤 비디오의 코멘트인지 연결될 지점이 없다는 것이다. 이부분은 video또는 comment모델스키마 정의부분에 정의해주면 되는데 두가지 옵션중 하나를 선택하면된다. 하나는 코멘트에 해당 비디오 id를 연결해서 보여줄 건지 아니면 비디오에 해당 코멘트들의 id를 배열로 넣어서 보여줄건지 이다. 둘중에 편한걸 쓰면 되는데 방법은 두가지중 하나를 쓰면 된다. mongoose.Schema.Types.ObjectId를 타입으로 주..

몽고 db의 장점은 document를 줄여준다는 것이다., document는 바로 JSONfile 몽고db에 개발자의 파일들이 어떤식으로 생겨야 할 지 알려줘야 한다. 일종의 validation이 필요하다. 예를 들어 파일들은 video라는 이름을 가지고 모든 비디오들은 string type이며 string의 이름은 title이다. 그리고 videos는 view를 가지게 되고view는 number type이다 라고~ 알려주는? 그런 것이다. 일단 models라는 폴더를 만들고 거기에 저장해주자. 그리고 Video.js파일을 하나 만들어주고 안에 model과 schema를 설정해주자 model은 document name이며 schema는 형태이다 여기서 잠깐... 잠시 몽고디비를 배웠을때 mongodb는 ..