사용 팁

FlexSQL 서비스로 데이터 통합처리하기

이전 강의에서는 FlexSQL 서비스를 활용해 데이터를 삭제하는 방법을 살펴봤어요. 이번 강의에서는 저장, 수정, 삭제를 각각 나누어 처리하는 방식이 아니라, 여러 변경 사항을 하나의 FlexSQL 서비스로 통합 처리하는 방법을 소개합니다. 사용자가 화면에서 여러 데이터를 한 번에 추가, 수정, 삭제한 뒤 ‘반영’ 버튼 한 번으로 모든 변경 사항을 처리하는 구조를 만들어 볼게요.

1단계 : 통합처리를 위한 반영 이벤트 연결하기

데이터를 일괄 처리하는 방법은 다양하지만, 이번 강의에서는 보내는 데이터를 필터 상태별로 여러 개 전달해서 처리하는 방식을 사용할 예정이에요.

스튜디오에서 Dev 모드로 이동

6-7 FlexSQL_통합처리.00_00_31_03.스틸 002

2. 반영 버튼에 클릭 이벤트 사용 (이벤트명 : 반영)

6-7 FlexSQL_통합처리.00_00_41_13.스틸 003

3. 연결 아이콘 클릭

6-7 FlexSQL_통합처리.00_00_45_01.스틸 004

4. 서비스 추가

6-7 FlexSQL_통합처리.00_00_45_16.스틸 005

5. 서비스 종류를 FlexSQL로 선택

6-7 FlexSQL_통합처리.00_00_49_26.스틸 006

2단계 : 보내는 데이터 & 받는 데이터 설정하기

1. 보내는 데이터 필터 상태 설정

- 첫 번째 ParamBlock (카테고리명 : wish / 필터 : Added)
- 두 번째 ParamBlock 추가 ( 카테고리명 : wish / 필터 : Updated)
- 세 번째 ParamBlock 추가 ( 카테고리명 : wish / 필터 : Deleted)

6-7 FlexSQL_통합처리.00_01_30_17.스틸 007

2. 받는 데이터 - 카테고리 작성 후 덮어쓰기 설정 (카테고리명 : wish)

6-7 FlexSQL_통합처리.00_01_40_14.스틸 008

3단계 : FlexSQL 스크립트 생성하기

FlexSQL 스크립트를 생성하기 위해 워크스페이스 - 좌측 데이터 메뉴 - FlexSQL 페이지로 이동
좌측 하단 새 SQL 서비스 클릭 후 스크립트 명 입력 (스크립트 명 : Reflect_WishProduct)

6-7 FlexSQL_통합처리.00_01_49_15.스틸 009

3. 스크립트 입력

- 지금까지 강의에서 자동 완성한 Insert, Update, Delete 스크립트 구조를 응용해서 통합 스크립트를 작성할 수 있어요. 보내는 데이터의 첫 번째, 두 번째, 세 번째 ParamBllock에 접근하여 각각 다른 변수에 할당합니다. 각 ParamBlock별로 데이터가 존재하는지 확인하고 반복문을 통해 구문을 만들도록 구성하였습니다. 마지막으로 변경된 품목 정보를 포함하여 모두 조회하도록 구성합니다.

- 예시 코드

<% let addedBlock = paramBlocks[0]; %>
<% let updatedBlock = paramBlocks[1]; %>
<% let deletedBlock = paramBlocks[2]; %>

-- Added
<%if(addedBlock.length > 0){%>
    <% for (let sector of addedBlock) { %>
    	INSERT INTO `WishProduct` (`name`, `price`, `rate`, `remark`)
    	VALUES (<%=sector.name%>, <%=sector.price%>, <%=sector.rate%>, <%=sector.remark%>);
    <% } %>
<%}%>

-- Updated
<%if(updatedBlock.length > 0){%>
    <% for (let sector of updatedBlock) { %>
    	UPDATE `WishProduct`
    	SET `name` = <%=sector.name%>, `price` = <%=sector.price%>
         `rate` = <%=sector.rate%>, `remark` = <%=sector.remark%>
    	WHERE `seq` = <%=sector.seq%>;
    <% } %>
<%}%>

-- Deleted
<%if(deletedBlock.length > 0){%>
    <% for (let sector of deletedBlock) { %>
    	DELETE FROM `WishProduct`
    	WHERE `seq` = <%=sector.seq%>;
    <% } %>
<%}%>

-- Select for Reload
SELECT * FROM WishProduct