Nomadcoder-Wetube (FullStack)

\*\*풀스택 유튜브 클론코딩 강의 NodeJS : 크롬 V8 자바스크립트 엔진으로 빌드 된 자바스크립트 런타임, 브라우저 밖에서 쓸 수 있는 자바스크립트설치하기https://nodejs.org/en/Recommended For Most Users 다운로드기존

\*\*풀스택 유튜브 클론코딩 강의 server : 항상 켜져있고, 인터넷에 연결되어 있으면서 request를 listening하고 있는 컴퓨터서버를 생성한 후에는 서버가 사용자 요청에 응답하도록 해야 한다.사용자는 HTTP 프로토콜을 사용하여 요청하는데 이것을 GET

\*\*풀스택 유튜브 클론코딩 강의 Router : 컨트롤러와 URL의 관리를 쉽게 해줌핸들러 함수를 contollers로 분리해 작업해줌videoController.jsvideoRouter.jsexport default : 한개만 export 할 수 있다export

\*\*풀스택 유튜브 클론코딩 강의 Node.js 및 브라우저용 JavaScript로 구현된 고성능 템플릿 엔진장점1) 깔끔한 html을 작성하게 함2) 자바스크립트를 html에 포함할 수 있음3) 한 파일로 모든 템플릿을 업데이트 할 수 있음 (복붙x)return H

1. Array database 각 비디오 페이지의 링크는 id를 가진다 id를 가져와서, id에 해당하는 비디오를 찾아서 렌더링 해준다 id 가져오기 데이터를 어디로 보낼까 form(action="Url") //submit을 했을 때 어디 페이지로 갈지 Url

\*\*풀스택 유튜브 클론코딩 강의

댓글을 추가했을 때 댓글을 적은 사용자의 이미지, 아이디, 댓글내용, 삭제버튼을 표시하고 싶었다 watch.pug commentSection.js videoController.js apiRouter.js

유튜브 클론코딩 배포koyeb 사이트를 통해서 진행했음https://wetube-ogu-dmswl2030.koyeb.app/오류 정리1\. aws를 연결한 후 이미지가 전부 깨져서 나올 때pug파일에서 img, video 부분에 crossorigin 속성을 모