포스코X코딩온 7기 5주차 ch2. MVC

포스코X코딩온 7기 5주차 ch2. mvc 패턴!

 

npm init -y // 프로젝트 시작 명령어

npm install express ejs // express와 ejs패키지 설치

 

 

MVC란? 장단점

Model View Controller

: 소프트웨어 설계과 관련된 디자인 패턴

 

: php , Django, Express, Angular 등 mvc이용 웹 프레임워크

 

장점?

- 패턴들을 구분해 개발 가능

- 유지보수 용이

- 유연성이 높다

- 확장성이 높다

- 협업에 용이하다

 

단점?

- 완벽한 의존성 분리가 어렵다

-설계 단계가 복잡하다

- 설계시간이 오래 걸린다

- 클래스 (단위) 가 많아진다

 

 

 

Model : 데이터를 처리하는 부분

 

view : ui와 관련된 것을 처리하는 부분

 

Controller : view 와 model을 연결해주는 부분

 

전체 폴더 구조

조금은 복잡하지만,

이런 식으로 구성을 한다!

 

---

model의 data값을 가져와 view에 출력하는
mvc 패턴 코드 리뷰!

index.js

 

- Router를 불러오는 부분이다.

- 위의 코드를 이용해 특정 시작 url역할 구분 가능하다

router/index.js

 

- 경로를 controller와 연결해서 설정 가능하다.

 

- /visitor 경로로 들어가면 

 

모델에서 받아온 데이터를 컨트롤에 보내고,

컨트롤에 있는 데이터 들이

view에 보여지게 된다.

 

그 경로를 router에서 설정해 준 것!

 

model/visitor

 

controller/visitor.js

 

컨트롤러와 모델을 연결하고,

data에 모델을 연결함.

 

view/index, view/visitor

controller에 들어간 data값을

view에 넣음

 

결과

 

 

그렇다면 

요렇게 결과가 나온다!