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

자 api를 이용해 데이터를 가져올텐데~~ fetch대신 axios를 사용한다. 앞서 movie-app을 만들때도 사용해봤고~ express로 youtub클론할때도 써본 axios 먼저 fetch를 remind해보자. fetch란 무엇인가 ?~ ajax 방식중의 하나인 fetch fetch는 api를 불러오고, 정보를 내보내 주기도 하는 함수이다. fetch함수에 쓰여지는 method는 get&&post가 있고 설정을 따로 안하면 언제나 그랬듯이 get이 default이다. 또한 fetch는 promise방식이기 때문에 then을 사용해 함수 실행이 끝나고 다음 할일을 정해준다. fetch는 비동기이기 때문에 api를 호출하는 과정이 끝나지 않더라도 다음이 진행이 된다. 그리고 쉽게 생각해 업그레이드된 ..

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