2022.04.14 ​ 6.0 Array Database part One ​ 1*밖으로 post 하기. 2*array로 된 database를 사용해보기. 3*trending 안에있던 데이터를 밖으로 빼주기. 3->const video는 let video로 바꿔주고 맨위로 뺐음, 이제 모든 컨트롤러에서 사용 할 수 있다고함. (이상없이 돌아감..) 4* 타이틀을 누르면 해당 id값으로 넘어가기. 4-> mixins 인 video.pug 에서 타이틀에 대한부분 수정 h4=info.title -> a(href="")=info.title 하이퍼링크 생김. a(href="/videos/#{info.id}")=info.title 이렇게 id 값을 가져오게했는데 안됨.pug가 자바스크립트를 실행을 안해줬음. 첫번째 ..

2022.03.24 5.0 Returning HTML ​ 리턴 값을 HTML로 넘겨줄 건데 리턴 안에 넣으면 지저분하고 길어짐, pug라는 것을 쓸 예정임 ​ 2022.03.27 5.1 Configuring Pug 퍼그는 템플릿 엔진, 템플릿을 통해 뷰를 만들어줌 (특정 값들을 통해 HTML을 그려줌.) 1. npm i pug 로 퍼그 설치 2. Express 에게 HTML헬퍼로 pug를 쓰겠다고 설정 2-1. expressjs.com/en/4x/api.html#app.set 사이트에 app을 가지고 할 수 있는 게 하나 있음. 2-2. 밑에 내리면 view Engine 이 있는데 여기서 pug 를 쓸 거라고 해주는 거임. 3. server.js 에서 app.set("view engine", "pug")..

2022.03.04 4.0 What are Routers? ​ 라우터의 개념 wetube/video/upload wetube/video/delete wetube/join 이런식으로 앞에 그룹화 시켜주는 것을 라우터 라고 함. / -> home /join /login 이런애들은 홈에서 갈 수 있는 애들이라 글로벌 라우터라 함 ​ ​ 4.1 Making Our Routers ​ wetube로 예를 들면 크게 2가지로 나눠짐 user / video 근데 글로벌 라우터는 예외임. ​ import express from "express"; import log_morgan from "morgan"; import res from "express/lib/response"; ​ const PORT =4000; ​ con..

3.0 - 2022.01.10 Your First Server package.json 에서 index.js 실행시키는부분을 src/index.js 로 바꿔주고 src폴더 만들어서 index.js 넣어주기 index.js는 server.js 로 바꿔주기. server.js에 import express from "express";라고해도 /node_module 에서 알아서 찾아주기 때문에 굳이 경로를 써줄 필요는 없다 알아서 node_module 밑에 express 밑에 index.js를 찾음. 1. express 어플리케이션을 만들어준다. 2. request를 받을 수 있게 listening 상태를 만들어준 다. //2. 리스닝 상태 만들기 const handleListening = () => consol..

1일차 강의 2-0. first nodeJS NodeJs 에서 wetube 디렉토리 생성. git init 으로 접속 ​ ​ 1일차 강의 2-0. first nodeJS NodeJs 에서 wetube 디렉토리 생성. git init 으로 접속 ​ ​ git 허브에서 새로 만들기 - 프로젝트명 wetube-reloaded 주소값 https://github.com/Ch0-0/wetube-reloaded 을 마지막에 붙여넣기 붙여넣고 바로 엔터하니까 안됐고 오른쪽 방향키로 스포라이트 해제시키니까 됨. npm init 로 pakcage.json 생성 파일추가에 index.js 생성 후 consol.log("hello nodejs") 생성 ​ 22.01.08 2-1. Installing Express 터미널에서 ..