초보 개발자

댓글쓰는 칸을 만들어보겠다. 먼저 Video와 User처럼 Comment Model을 만들어주어야한다. Comment.js text와 createAt, owner, video를 만들어 주었다. 그리고 Video와 User도 comment와 연관이 되어있기에 수정해주어야 한다. User.js comments를 만들고 배열로 여러개의 Comment의 Id가 들어올 수 있도록 설정해주자 여기서 ref는 아래의 Comment의 값과 같은 값이 들어와야한다. ( 오타 Commnet 정정 Comment ) Video.js Video Model도 많은 댓글이 달릴 수 있으므로 배열로 추가해준다. watch.pug watch.pug에서 댓글 form을 만들어주었다. 로그인 되어 있지 않으면 댓글 창이 보이지 않게 해주..

API라는 것을 이용해보려고한다. API를 사용하면 URL이 바뀌지 않아도 페이지에서 변화가 생긴다. interactive하게 만들수 있는 가장 기본적 방법이다. 예를들어 이 페이지에 댓글을 달아도 URL이 바뀌지 않는다. 어떠한 API가 발생한 것이다. 이번에 프론트엔드에서 자바스크립트로 요청을 해볼것이다. video element에는 특별한 event가 있다. ended이다. 미디어가 끝까지 재생완료된 시점에 발생한다. fetch()를 활용할 것인데 기본적으로 '/'만 적어도 (http://localhost8080) 우리 웹사이트에 요청을 보낼 수 있다. 하지만 handleEnded함수에서 비디오의 id를 알 수 있는 방법이 없다. id의 정보를 pug가 남기도록 해야한다. 여기서 data attri..