codingPpushu's dev story

Ever tried. Ever failed. No matter. Try Again. Fail again. Fail better.

0%

TIL-210329

What?

Full stack - Clone Coding
node.js express.js =>
npm, routes, bable
express core =>
middlewares, routing
MVC Pattern
recap pug => layouts, partials

How?

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