Search Controller
=> queryString (사용자 입력 데이터 전달 방법 중 하나), url 주소에 미리 협의된 데이터를 파라미터를 통해 넘김
=> req.query로 input의 name 값으로 보낸 데이터를 받음
=> 받은 데이터를 PUG로 전달해 받아줌
=> controller query에 접근하려면 input method가 get이여야 함
=> get method가 utl 정보를 추가해줌

1
2
3

const {
query: { term: searchingBy },
} = req;

Join : pug
=> post 방식 데이터 전송
=> PUG에서, form태그 method를 post로 설정하고, input에 name속성을 추가해 정보를 보냄

Change Profile
=> 라우팅 문제 해결 : :/id를 마지막에 찾을 수 있게 수정
=> 이유 : id 값을 먼저 두면 뒤에 글자들이 다 id값으로 인식해서 id 페이지로 보내기 때문

home controller
=> Fack DB 생성 : 배열 내 객체로 생성
=> import 해 온 뒤 pug에 전달
=> each 변수명 in 데이터 : 값 가져옴
=> mixin : 컴포넌트화 시킴 (자주 반복되는 재활용 코드를 묶음)

join controller
=> status code를 이용해 서버에 잘못된 요청 알림
=> search : header + videoblock 적용
=> join : get, post방식 분리 처리 (bodyParser 필요성 인지)
=> userController에 post 처리 부분에서 비밀번호,비밀번호 확인 대조 작업 처림

Log in / User Profile controller
=> urlRouter : url에 따라 어떤 함수를 실행할 지 방향 정함
=> routes : 특정 url 포인팅 (함수로 생성)
=> res.render 함수 : 템플릿 렌더링
=> middlewares : fake db에 대한 공용 변수 생성
=> url 주소 정의
=> id 값에 따라 url값을 바꾸며 유저마다 다른 프로필 페이지 보여줌

팀 project 진행중..

node.js, express.js => 서버 구축

babel => 자바스크립트 최신코드 사용하기 위해 설치

middleware => 미들웨어 설치 (로그, 보안, 쿠키, form 데이터 관련 / connection 다룸)

Routing => route를 카테고리별로 쪼개서 묶음

controllers => 함수들 추가

• 보통 프로젝트에 있는 각 모델마다 컨트롤러를 만든다.

url과 함수 분리 => 데이터 모습에 맞춤

MVC Pattern

• Model : data
• View : data가 어떻게 생겼는지
• control : data를 보여주기 위한 함수
• pug.js => 템플릿 언어이며 view를 다루는 방식 중 하나
  • layouts => block content를 통해 다른 화면을 쉽게 구성 가능
  • partials => extends로 템플릿 확장
  • local 기능 이용해 변수에 접근

팀 project 진행중..