시나리오에서 FlexSQL로 데이터 저장하기
시나리오에서 FlexSQL로 데이터 저장하기
이전 강의에서는 FlexSQL 사용 방법을 중심으로 기본 개념을 살펴봤어요. 이번 강의에서는 한 단계 더 나아가 시나리오에서 FlexSQL 서비스를 호출해 데이터를 저장하는 방법을 단계별로 소개할게요. 예시로는 직장인 소원 물류센터의 품목을 등록하는 관리자용 PC 웹 애플리케이션을 만들어 볼게요. FlexDB 기반으로 설명하지만, 외부 DB를 사용하더라도 전반적인 흐름은 동일해요.
1단계 : 데이터베이스 연결 후 테이블 준비하기
스튜디오에서 품목 데이터를 저장할 테이블을 준비해요. 좌측 하단의 DB 연결 기능을 사용하면 스튜디오 안에서도 FlexDB 또는 외부 DB를 연결해 테이블을 생성하거나 관리할 수 있어요.
-
스튜디오 좌측 하단의 DB 연결 기능 클릭
flexsql/6-3/6-3%20FlexSQL_C.00_01_34_18.%EC%8A%A4%ED%8B%B8%20004.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_01_34_18.%EC%8A%A4%ED%8B%B8%20004.jpg)
2. 데이터베이스 접속정보 입력 후 확인 버튼 클릭
flexsql/6-3/6-3%20FlexSQL_C.00_01_13_09.%EC%8A%A4%ED%8B%B8%20002.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_01_13_09.%EC%8A%A4%ED%8B%B8%20002.jpg)
3. 데이터베이스 연결 후 스튜디오 하단의 추가 버튼 선택
flexsql/6-3/6-3%20FlexSQL_C.00_01_27_03.%EC%8A%A4%ED%8B%B8%20003.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_01_27_03.%EC%8A%A4%ED%8B%B8%20003.jpg)
4. 새로운 테이블을 생성하거나 기존 테이블 연결 가능
flexsql/6-2/6-2%20FlexSQL.00_00_56_02.%EC%8A%A4%ED%8B%B8%20004.jpg?width=960&height=540&name=6-2%20FlexSQL.00_00_56_02.%EC%8A%A4%ED%8B%B8%20004.jpg)
2단계 : 시트 컨트롤과 컬렉션 연결하기
첫 번째 스텝에서는 품목 정보를 입력받기 위한 시트 컨트롤을 구성해요.
-
시트 컨트롤에 카테고리 연결 (예시 : wish)
flexsql/6-3/6-3%20FlexSQL_C.00_01_53_07.%EC%8A%A4%ED%8B%B8%20005.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_01_53_07.%EC%8A%A4%ED%8B%B8%20005.jpg)
2. 각 컬럼별 데이터 타입 지정
flexsql/6-3/6-3%20FlexSQL_C.00_01_55_02.%EC%8A%A4%ED%8B%B8%20006.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_01_55_02.%EC%8A%A4%ED%8B%B8%20006.jpg)
3. 컬렉션 키 연결
flexsql/6-3/6-3%20FlexSQL_C.00_01_59_27.%EC%8A%A4%ED%8B%B8%20007.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_01_59_27.%EC%8A%A4%ED%8B%B8%20007.jpg)
4. 시나리오 우측 상단의 화살표 (▶) 클릭하여 디버거 실행
-
- 시트에 데이터를 입력할 때 우측 하단 카테고리 탭 - ‘wish’ 컬렉션에 각 컬렉션 키에 해당하는 값이 정상적으로 반영되는 것 확인
flexsql/6-3/6-3%20FlexSQL_C.00_02_26_03.%EC%8A%A4%ED%8B%B8%20008.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_02_26_03.%EC%8A%A4%ED%8B%B8%20008.jpg)
3단계 : 시나리오에서 FlexSQL 서비스 연결하기
이제 입력된 카테고리 데이터를 FlexSQL을 통해 저장하도록 설정합니다.
-
Dev 모드에서 저장 버튼에 클릭 이벤트 사용 (이벤트명 : 저장)
flexsql/6-3/6-3%20FlexSQL_C.00_02_47_07.%EC%8A%A4%ED%8B%B8%20009.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_02_47_07.%EC%8A%A4%ED%8B%B8%20009.jpg)
2. 연결 아이콘 클릭
flexsql/6-3/6-3%20FlexSQL_C.00_02_48_27.%EC%8A%A4%ED%8B%B8%20010.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_02_48_27.%EC%8A%A4%ED%8B%B8%20010.jpg)
3. 서비스 추가
flexsql/6-3/6-3%20FlexSQL_C.00_02_54_07.%EC%8A%A4%ED%8B%B8%20011.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_02_54_07.%EC%8A%A4%ED%8B%B8%20011.jpg)
4. 서비스 종류를 FlexSQL로 선택
flexsql/6-3/6-3%20FlexSQL_C.00_02_57_27.%EC%8A%A4%ED%8B%B8%20012.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_02_57_27.%EC%8A%A4%ED%8B%B8%20012.jpg)
4단계 : FlexSQL 스크립트 생성하기
-
FlexSQL 스크립트를 생성하기 위해 워크스페이스 - 좌측 데이터 메뉴 - FlexSQL 페이지로 이동
flexsql/6-3/6-3%20FlexSQL_C.00_03_17_03.%EC%8A%A4%ED%8B%B8%20013.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_03_17_03.%EC%8A%A4%ED%8B%B8%20013.jpg)
2. 좌측 하단 새 SQL 서비스 클릭 후 스크립트 명 입력 (스크립트 명 : Save_WishProduct)
flexsql/6-3/6-3%20FlexSQL_C.00_03_24_23.%EC%8A%A4%ED%8B%B8%20014.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_03_24_23.%EC%8A%A4%ED%8B%B8%20014.jpg)
3. 우측 자동생성 기능 사용
-
- 자동생성 기능을 사용하기 위해 좌측 상단의 DB 연결 설정이 활성화되어 있는지 확인
flexsql/6-3/6-3%20FlexSQL_C.00_03_44_22.%EC%8A%A4%ED%8B%B8%20015.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_03_44_22.%EC%8A%A4%ED%8B%B8%20015.jpg)
4. 테이블명 : WishProduct / 유형 : Insert 선택 후 SQL 생성
-
-
자동으로 생성된 스크립트에서는 시나리오에서 전달된 첫 번째 보내는 데이터에 접근하고, 반복문을 통해 각 데이터 섹터를 순회하며 Insert 구문을 생성합니다.
-
5. FlexSQL 상단 더보기 버튼 클릭
flexsql/6-3/6-3%20FlexSQL_C.00_04_17_07.%EC%8A%A4%ED%8B%B8%20018.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_04_17_07.%EC%8A%A4%ED%8B%B8%20018.jpg)
6. 새 버전 발행 버튼 선택 - 버전 1로 발행 완료
flexsql/6-3/6-3%20FlexSQL_C.00_04_18_27.%EC%8A%A4%ED%8B%B8%20019.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_04_18_27.%EC%8A%A4%ED%8B%B8%20019.jpg)
5단계 : 시나리오에서 FlexSQL 저장 스크립트 연결하기
이제 다시 스튜디오로 돌아와 방금 생성한 저장 스크립트를 시나리오에 연결합니다.
-
서비스 - 시스템 정보 - SQL Script Name : Save_WishProduct / SQL Script Version : 1
flexsql/6-3/6-3%20FlexSQL_C.00_04_36_22.%EC%8A%A4%ED%8B%B8%20020.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_04_36_22.%EC%8A%A4%ED%8B%B8%20020.jpg)
2. 보내는 데이터에 카테고리 설정 (카테고리명 : wish)
flexsql/6-3/6-3%20FlexSQL_C.00_04_48_16.%EC%8A%A4%ED%8B%B8%20021.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_04_48_16.%EC%8A%A4%ED%8B%B8%20021.jpg)
3. 필터 설정 - 필터 사용 활성화 - Status 필터 : Added
flexsql/6-3/6-3%20FlexSQL_C.00_04_57_26.%EC%8A%A4%ED%8B%B8%20022.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_04_57_26.%EC%8A%A4%ED%8B%B8%20022.jpg)
4. 받는 데이터 제거
flexsql/6-3/6-3%20FlexSQL_C.00_05_02_08.%EC%8A%A4%ED%8B%B8%20023.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_05_02_08.%EC%8A%A4%ED%8B%B8%20023.jpg)
6단계 : 디버거로 저장 결과 확인하기
1. 시나리오 우측 상단의 화살표 (▶) 클릭하여 디버거 실행
2. 품목 정보를 입력 후 저장 버튼 클릭
flexsql/6-3/6-3%20FlexSQL_C.00_05_23_12.%EC%8A%A4%ED%8B%B8%20024.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_05_23_12.%EC%8A%A4%ED%8B%B8%20024.jpg)
3. 우측 로그에서 FlexSQL 서비스 호출 여부 확인
flexsql/6-3/6-3%20FlexSQL_C.00_05_28_26.%EC%8A%A4%ED%8B%B8%20025.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_05_28_26.%EC%8A%A4%ED%8B%B8%20025.jpg)
4. 스튜디오 하단 데이터베이스 탭으로 이동하여 테이블에 저장된 데이터 확인
flexsql/6-3/6-3%20FlexSQL_C.00_05_41_16.%EC%8A%A4%ED%8B%B8%20026.jpg?width=960&height=540&name=6-3%20FlexSQL_C.00_05_41_16.%EC%8A%A4%ED%8B%B8%20026.jpg)
다음 강의 : FlexSQL로 데이터 조회하기
이번 글에서는 시나리오에서 FlexSQL 서비스를 활용해 데이터를 저장하는 방법을 단계별로 살펴봤어요. 다음 강의에서는 저장된 데이터를 조회하는 방법을 이어서 설명할 예정입니다. 다음 강의도 꼭 확인해 보세요!