🦅 인턴 1차 미션 - 회사 프레임워크 기반 게시판만들기 (add. Map VS Dto)

• 🧐 _국비학원에서 진행했던 게시판보다 한 10배는 어려웠다. 일단 회사 솔루션 안에있는 SRC 대부분이 각각의 Entity, common files, jQuery(JSP-JS분리), 데이터 전달 형태를 Map으로 (DTO X), 테이블 구조부터 CentOS 등 환경세팅까지 생각보다 어려웠다.
  솔루션 홈페이지 메뉴 만들기 (DB 권한설정) - DB 설계 - DB SQL TEST - MABATIS - DAO - SVC - CONTROLLER - JSP - JS 순으로 구축한 후, SELECT - INSERT - SEARCH - CONTENT - DELETE - UPDATE로 기능구현 되도록 만들었다.

내가 생각한 회사 Framework 기반 MVC Process

Url -> Controller (Mapping) -> .html (jsp) - js (loading) - requireData Controller - SVC (생략가능) -> DAO -> (Mybatis).xml -> DAO -> SVC -> Controller -> 값 리턴 JSP - JS

Controller

@RequestMapping(value = "boards_list.json")
	public @ResponseBody GridResultEntity getList(HttpSession session, @RequestParam Map<String,Object> map) {
		BoardsDAO dao = sqlSession.getMapper(BoardsDAO.class);
		
		int listCount = dao.selectBoardsListCount(map);
		
		List<Map<String, Object>> list = Collections.emptyList();
		if (listCount > 0) {
			list = dao.selectBoardsList(PagingUtil.convertParam(map));
			
		}
		System.out.println("list : " + list);
		return new GridResultEntity(listCount, list);
	}

SELECT

<select id="selectBoardsList" resultType="map">
		SELECT
			boards_id, 
			boards_subject,
			boards_content,
			boards_writer,
			boards_email,
			boards_rdate
		FROM 
			BOARDS
		<where>
			<if test="s_boards_subject != null and s_boards_subject != ''">
			AND boards_subject LIKE CONCAT('%',#{s_boards_subject},'%')
			</if>
			<if test="s_boards_writer != null and s_boards_writer != ''">
			AND boards_writer LIKE CONCAT('%',#{s_boards_writer},'%')
			</if>
		</where>
		ORDER BY boards_id
		<choose>
			<when test="recordstartindex==null">
				LIMIT 0, 10
			</when>
			<otherwise>
				LIMIT #{recordstartindex}, #{pagesize}
			</otherwise>
		</choose>
	</select>

JSON형식으로 파싱하여 데이터를 추출하는데, mybatis mapper.xml 에서 boards_id를 select 안했다가 하루를 날려버렸다. 겨우 크롬 개발자도구 Network 에서 Null을 찾아 수정했다. undefined가 계속나와서 그것만 바보같이 검색했다. 좋은 삽질 그리고 데이터의 흐름을 잘 보자는 교훈을 얻었다.

boards_list.js

'use strict';

_SL.nmspc("user").list = function() {

	var mCfg = {
		urlList : gCONTEXT_PATH + 'boards/boards_list.json',
		urlForm : gCONTEXT_PATH + 'boards/boards_form.html',
		formId : '#searchUserList',
		gridId : '#gridUserList'
	},

	m$ = {
		form : $(mCfg.formId),
		grid : $(mCfg.gridId)
	},

	ctrlCookie = new slui.cookies(),

	init = function() {
		ctrlCookie.init(mCfg.gridId);

		var $btnAdd = m$.grid.parent().siblings('.grid-bottom')
				.find('.btn-add');

		// 초기 화면 구성
		drawGrid(m$.grid);
        ...

boards_form.js

_SL.nmspc("user").form = function(){

	var
	// Config 정의
	mCfg = {
		formId : '#formComuser',
		urlSelect : gCONTEXT_PATH + "boards/boards.json",
		urlExist : gCONTEXT_PATH + "boards/boards_exist.json",
		urlDelete : gCONTEXT_PATH + "boards/boards_delete.do",
/*		urlFileUpload : gCONTEXT_PATH + "system/comuser_file_upload.do",
		urlPasswdExist : gCONTEXT_PATH + 'main/comuser_passwd_inform.json',*/
		add : {
			action : gCONTEXT_PATH + "boards/boards_insert.do",
			message : _SL.getMessage("CNF.COM.0006"),
			passwdValid : _SL.getMessage("FLD.COM.0152")+",required,password" 
		},
		update : {
			action : gCONTEXT_PATH + "boards/boards_update.do",
			message : _SL.getMessage("CNF.COM.0002"),
			passwdValid : _SL.getMessage("FLD.COM.0152")+",password" 
		}
	},
	
	// JQuery 객체 변수
	m$ = {
		form : $(mCfg.formId),
		userId      : $(mCfg.formId + ' [name=boards_id]'),
        ...

Validation

<input type=text name.. data-valid="<spring:message code="FLD.COM.0148"/>,required,alphanum"></td>

<spring:message code="FLD.COM.0148"/>

위 spring:message는 다국어때문에 이렇게 설정해준다.

이렇게 data-valid(key) = (value)를 설정해주면, JS쪽에서 if (!_SL.validate()) return; 리턴해준다.

Map VS Vo/Dto?
DB 데이터를 Map에 담을지, 순수한 데이터 객체를 속성과 속성에 접근하기위한 getter, setter를 만들지이다.
일반적으로 사용하기는 Map이 더편하다는 의견이많다. 테이블 설계가 변동되어도 VO 수정없이 바로 반영되어 데이터가 내려온다. 다만 컬럼명과 Map에 담기는 key의 이름은 동일해야한다.
하지만 단점은 다른사람이 볼 때 더 어려울 수밖에없고, 오류를 찾기도 힘들다.
DTO는 로직안에서 로직 별로 가지고 있는 data set을 쉽게 파악 할 수 있고 영역이나 의도가 명확하게 파악 할 수 있다. 다만 단점은 일일이 컬럼 하나하나 get,set해주는 작업이 필요하다.

대리님, 저희 회사는 왜 DTO 말고, MAP을 사용할까요 ?
TABLE만 수백개, 컬럼까지 수천개다. 유지보수 할 때, 추가/삭제/수정 등 변경해주기가 난처하다. 또한 변수를 한개한개 get,set작업해주는 일이 필요하기 때문이다.

다음 미션은 카카오톡 연동 알림톡 API / 라인 알림톡 API 기능구현이다.
내 스스로에게 화이팅 🦅

Json format converter https://jsonformatter.org/

추가 Mybatis
namespace : 이름 충돌을 방지하기 위해 사용