일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- pug
- HTML
- ES6
- Component
- DART
- 자바스크립트
- react
- node.js
- frontend
- CSS
- GRID
- nodejs
- javscript
- Session
- graphQL
- CLONE
- heroku
- NextJs
- ECMAScript
- 리액트
- TypeScript
- Mongoose
- backend
- form
- JavaScript
- MongoDB
- API
- Flutter
- express
- clonecoding
- Today
- Total
목록routes (2)
Enjoy Programming

이번엔 비디오 수정페이지를 다루자. 먼저 routes.js로 가서 editVideo 라우트를 함수로 만들어주자 아이디를 인자로 받기로 하고 id값이 들어오면 /vidoes/id/edit으로 접속하고 id가 없다면 edit_video url으로 라우트 한다. 이제 함수로 만들어줬으니 videoDetail 템플릿에서 링크에 routes.editVideo()함수로 바꿔주고 video controller에서 받은 video에 id를 받아온다. 그리고 videoRouter상에 editVideo도 함수로 바꿔준다 그리고 할 일은 get을 통해 url은 routing했으니 post를 통해 업데이트 하는 컨트롤러를 하나더 만들어주자 기존 editVideo는 getEditVideo로 수정했고 이제 postEditVide..

비디오 재생까지 이루어졌다. 이제 비디오링크를 클릭하면 비디오 상세정보 페이지로 이동하게 되고 url에 video의 id를 받고 있는 것을 확인 할 수 있다 이제 할 일은 video의 자세한 정보를 생성하는 일이다. 컨트롤러상에 videoDetail 컨트롤러는 만들어져있고 이제 파라미터로 id를 받으면 된다. 저번에 짚고 넘어갔어야 할 쿼리스트링을 좀더 알아보자. 기본적으로 url에 접근하면 path를 통해 결과를 페이지에 로딩 해준다. 예를 들어 http://google.com/taeeon으로 접속하면 taeeon이라는 path에 결과를 뿌려준다. 언제나 같은 결과를 보여주는 것이다. 유저프로필 페이지라면 접속자가 다른 경우에는 다른 결과를 보여줘야 하는데 그렇다면 같은 url에서 어떻게 여러 결과를 ..