[SI에서 살아남기] 개발 환경(서버,개발 툴,DB,형상 관리) 및 MVVM 로직의 이해

개발 환경

• 서버: Apache Tomcat®

• 운영체제: Window 10

• 개발 툴: STS(4.6.1), VScode

• 백엔드 언어: Spring 기반의 RestApi 서비스를 제공하는 JAVA

• 프론트 엔드 언어: Vue.js+Node.js 기반의 UI+WebApplication

• DB: MSSQL(+MyBatis)

• 형상 관리 :Svn  

※엄밀히 말하면 Node.js 는 Backend 서비스 영역

 

 

비즈니스 로직 전체 구조

클라이언트가 URL을 요청하면 그 URL에 맞는 Vue파일에 바인딩한 요소들을 포함한다. 데이터베이스 내의 자료가 필요할 경우엔 Vue내에 정리되어있는 URL을 통해 controller에 닿고, service->mapper->myBatis를 거쳐 가공된 Html을

클라이언트에게 보여준다.

(이것은 아주 간단한 로직입니다. 실젠 이보다 더욱 복잡함. )

 

프론트,백엔드를 구분하여 생긴 장점

• 디자이너와 개발자가 각자 다른 파일들을 정리 할 수 있어, 유지보수 및 개발에 좋다고 함.
• 모든 로직이 단계별로 구분되어있어 에러를 탐지하기 쉬움.
• 각 클래스나 메서드 등 객체를 만들어 놓으면 재사용하기에 좋음.

※하지만 개발자 입장에선 졸라리 복잡한건 여전함...ㄴㅇ

 

Model: controller, Service, Mapper/Repository 와의 상호 작용

1.RestController : Service와 상호작용

2.Service: Mapper, Reopstiory와 상호작용

3.Mapper/Reopstiory: SqlSesion 및 DB와 상호작용

 

프론트엔드 비즈니스 로직 전체 구조

 

 

비즈니스 로직 배우기

 

Model에 관하여?

 

RestController에 관하여?

 

Service에 관하여?

 

Mapper/Repostiory에 관하여?

 

 

 

 

 

본 글은 다소 주관적인 생각들을 포함하고 있어, 잘못된 정보를 제공할 수도 있습니다. 부족한 점이 있으면 댓글 남겨주세요. 추가 및 정 하도록 하겠습니다. 감사합니다.