TIL-210330-210331

What?

Full stack - Clone Coding
queryString	get/post method	Fack DB	mixin
status code	bodyParser	render	middlewares

How?

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

  (ES6) 비구조화 할당 destructuring

  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 진행중..