개발에 앞서 잠깐 설명할 부분이 있습니다.

<출처 : 구글 검색 첫페이지>

제가 개발을 배울 당시에는 MVC라고 해서 Model - View - Controller의 3가지 요소를 다뤘습니다.

지금은 플랫폼도 다양해지고 사용자들의 입력 패턴도 많아지면서 MVP란 개념으로들 설명하더군요.

(MVVM은 저도 자료 찾다가 처음 듣게 되었습니다)

그래도 큰 개념 자체는 바뀌지 않았고, 앞으로도 아래 기준에 따라 진행할 예정입니다.

(사실 제가 볼땐 위의 이미지에 나온 화살표 방향도 맞다고 생각되진 않거든요..)

1. Model : 직접적인 DB 입출력 처리에 관련된 모든 것

캐릭터 정보를 조회하거나, 전투 후 경험치가 쌓이는 부분이라던가, 스킬을 변경하는 등 DB를 조회하거나 수정되는 부분입니다.

이와 관련된 명명법은 접두사 set과 접미사 Proc를 붙여서 서술하겠습니다.

(예 : setSkillListProc, setStatusProc)

2., View : 데이터가 보여지는 화면에 관련된 모든 것

로고 이미지, 메뉴, 전투화면, 상태확인창 등등

html, css, jquery나 jquery-ui 등 ui적인 부분도 여기에 속한다고 봅니다.

3. Controller : 실제 데이터를 처리하는 부분

- 로고나 메뉴를 보여준다던가

- 사용자의 명령을 입력받은뒤 처리된 데이터를 사용자 화면으로 내보낸다던지

-  아니면 특정 페이지로 이동시킨다던지

와 같은 역할을 수행합니다.

일단은 여기서 간단히 Controller와 View의 초안을 공개합니다.

Controller는 이 구조로 갑니다.

첫화면 View의 초안입니다.

이것만 보고 어떻게 페이지가 동작될 것인지 예상이 가능하다면 바로 디자인과 퍼블리싱된 결과물 받아서 바로 작업하시면 됩니다.

이 controller의 method들과 View들이 어떻게 연결되어 어떻게 동작할지는 다음시간에 순서도를 통해 다뤄보겠습니다.

코딩 내용은 전부 공개할수는 없고, 주석 설명으로 대신합니다.