안녕하세요, IT깡패's 입니다~~ 요즘 si회사를 다니는 중인데, 거기서 사용하는 UI툴은 마이빌더입니다.. DB툴은 orange오라클을 사용하고 있습니다. 설계 단계가 끝나고 구현 단계의 프로젝트를 들어갔기 때문에 기본 사이트 틀은 만들어져 있었습니다. 그러면 마이빌더의 기본 개념과 예제들을 살펴보겠습니다~ 마이빌더 예전에 많이 쓰던 개발 툴로 정보화 기술의 폭발적인 발전으로 많은 기업들이 Client/Server환경에서 Web 환경으로 전환을 시도하고 있으나, 복잡하고 까다로운 한국형 양식 구현에 상당히 어려움이 따르며, 개발기간의 장기화로 막대한 비용을 사용하게 됩니다. 또한, 잦은문서 형식의 변경으로 프로그램 소스를 수정하고 번거로운 작업이 빈번하게 발생합니다. 마이빌더는 이러한 웹 개발의 난점과 비효율성을 극복하고 프로그램의 생산성을 획기적으로 향상하며, 다양한 리포트의 구현뿐만 아니라, 데이터의 입출력까지 지원하는 어플리케이션 개발 툴이며, 액티브소프트에서 만들고 배포하였습니다. 현재 마이빌더 최신 버젼은 Mybuilder2009U입니다. 마이빌더 환경설정 마이빌더를 다운받은 후, 최신 버젼인 Mybuilder2009U를 전 마이빌더 버젼에 붙여 넣으면 됩니다. 즉, 전 버젼 마이빌더 /bin 폴더 안에 최신 버젼의 마이빌더 내용을 넣고 Mybuilder2009U를 실행할 수 있습니다. 그리고는 프로그램 설정을 눌러 자신이 사용할 정보를 넣으면 사용하는 mvf 파일들을 볼 수 있습니다. 마이빌더 실행과 연동 url = http://localhost:8080/ 로 실행 마이빌더 테스트를 누르고 파라미터로 view=Mybuilder를 던져주면 시작하게 됩니다. ps. 포트번호를 잘 알아두자. 내가 사용하는 톰캣 서버 설정을 할 때, 자신의 포트번호를 쓰시면 됩니다. 자신의 포트번호가 맞지 않으면 실행할 수 없고, DB도 연동할 수 없습니다. URL을 꼭 확인 잘 하시기 바랍니다~ 구조 여기서 사용한 웹은 spring을 사용해도 됬었지만, 마이빌더는 서버에 DB를 접속할 때, 서버에 있는 jsp를 사용하여 바로 접속하게 할 수 있는데요. 프레임워크는 따로 사용하지 않았습니다. 그래서인지 스프링 같이 설정하지 않고 바로 jsp를 사용하면 되더라고요~~ sqlMap사용 쉽게 말하면 jsp 에이전트(?)를 사용하여 마이빌더에 보낸 쿼리문을 실행해서 sqlmap으로 리턴해주었는데요. 형태는 XML 또는 TSV 형태로 보내줄 수 있다네요. 툴은 울트라에디트나 아크로에디트를 사용하는 데, 쿼리문을 보기가 굉장히 편했습니다. ㅇㅅㅇ! 이 원리로 엑셀도 내 하드에 보내게 할 수 있습니다. 아무튼 이렇게 해서 마이빌더를 사용하였는데요. 마이빌더는 간편하게 사용할 수 있는 장점이 뚜렷한거 같았습니다. 마이빌더에 대한 공부는 마땅히 더 해야 할 것 같고요~ 용어들도 많아서 익혀야 할께 많은 것 같습니다. 1.마이빌더의 특징 - 마이빌더는 이벤트 중심이다. - UI와 Report를 같이 개발 가능하다. - 서버에 올라가지만, 서버프로그램은 아니다. - Client측에서 렌더링한다. - 버전의 U차이? => UniCode의 약어로써, 문자를 1Byte로 처리하느냐, 2Byte로 처리하느냐의 차이이다. - MybuilderPlusA.exe => 개발툴이고. MybuilderControl/Core는 - 2011 버전과 plus는 UI가 달라졌다. + 2009에서 만든 파일은 상위버전에서 호환이 안된다.(반대는 가능하다.) -MyBuilder 디자이너 => 개발툴이라고 보면 된다. - MyBuilder 디자이너 버전 보는법: - MyBuilder 코어엔진파일 버전보는법: MyBuilderControlU.dll 파일의 툴팁에서 파일버전을 보거나, 왼쪽>속성에서 자세히 탭 보기. 2.마이빌더의 원리 - 개발자는 마이빌더 디자이너모드로 개발해서 .mvf파일이나 mrf파일을 서버에 올리게 된다. - 서버의 위치는 WAS든 웹서버든 관계 없다. 초기세팅시 폴더위치, 이름만 제대로 지정해 주면 된다. - Client가 MyBuilder로 만들어진 페이지를 보기 위해서는, MyBuilder 플러그인을 설치해야 한다. - (서버에 올라가는 파일은 mvf 파일이나 mrf 파일인데, 웹브라우저가 띄워줄 수 있는 파일은 HTML이니까. 아마 MyBuilder 플러그인의 역할은 클라이언트 측에 설치되어서, 서버가 건네주는 mvf, mrf 파일을 HTML로 변환해주는 역할을 하는듯 하다. - MyBuilder 뷰어 설치시 MyBuilder 코어가 설치된다. 3. MyBuilder 폴더 구조 - 차트표현을 위해서는 별도의 라이브러리가 필요한데, 만약 로컬에 라이브러리가 없고 + 외부망에 연결되어있으면 MyBuilder가 자동으로 다운로드 한다. - Image 폴더 => 이미지를 저장하는 폴더로 업무별로 서브폴더를 만드는게 좋다. 굳이 이미지 폴더에 넣을필요 없이, 서버나 DB에 저장하는 이미지를 보여주거나, URL로 외부에서 가져올 수 도 있다. - Report 폴더 - View 폴더 - Work 폴더 - 그리드 데이터를 만들고, 엑셀로 export할때 DefaultPath가 해당 폴더이다. - Data 폴더 -MyForm.inf라는 개별실행환경 설정파일이 존재하는데, 이 MyForm.inf라는 설정파일은 DB조회 정보, 콤보박스나 리스트를 뿌려줄때 몇개부터 스크롤을 생성할것인지 결정 할 수 있다. 또한 디버깅 단축키도 설정 가능하다. - Digxxx.nf 파일이 있어야 이벤트 설명 등등등 툴팁이 나올 수 있다고 함. - 하지만 요런 파일이 서버에 올라갈 필요는 없다! 4. MyBuilder 실습 - 프로젝트 경로 잡기.  마이빌더 프로젝트의 특징은... 다른 프로젝트내의 MyBuilder.exe를 실행하더라도 정상종료되었던 프로젝트 경로에서 열린다는 점이다. - 프로젝트의 논리적 개념: MyBuilder가 인식하는 프로젝트의 개념은 어떤것일까? = VIEW, DATA….. 필수 폴더만 있으면 된다. - 외부 프로젝트 추가하는법: 파일 폴더 아이콘 클릭>VIEW, DATA 등등 이 있는 '상위폴더' 클릭! - MyBuilder 디자이너 내에서 프로젝트를 삭제 한다고 해서 실제로 하드에서 삭제된다는 것은 아니다. - 프로젝트 하위항목 보기 - +를 클릭하면 프로젝트의 하위항목을 볼 수도 있다. - 테이블탭에서 테이블 정보들 보기. - DB에 붙어서 데이터를 가져오거나, ADO, RDS, XML, 텍스트파일등등 에서 데이터를 바로 가져오는것을 2Tier라고 한다. - JSP 등등에서 비즈니스 로직을 거친 결과를 3Tier라고 한다. - 2Tier로 붙으면 테이블 탭에서 컬럼 정보를 볼 수 있다. (3Tier는 Request전이기 때문이 안됨) - TSV파일에서 MyBuilder가 숫자데이터를 표현하는 방법 - TSV 파일을 열면 이런모양인데, Tap으로 컬럼을 구분한다. 참고로 #는 숫자데이터라는 의미이다. 왜냐. txt이기때문에 MyBuilder는 해당 컬럼이 숫자인지 문자인지 알 수가 없음. - (Text)DB에 존재하는 테이블들의 위치- - 참고로 테이블탭에서 표시되는 테이블들은 Work폴더 밑에 존재하는 Tsv 파일들이다.. - Grid 제목에 존재하는 컬럼명의 정체? - Grid나 Form에 최초 데이터를 불러올때 자동입력되는 내용인데, MyBuilder 자체에서 저장하는 내용이거나 / 한번 지정한 적 있는 정보를 저장하여 자동입력 해준다고 한다 - Trace Window 단축키: Ctrl + t 데이터 호출과 관련된 로그를 볼 수 있다. 실행하기 전에 호출해놔야 한다. 실행하기 전에 켜고 끌 수 있음. - Debug Window - 쿼리탭 단축키 : Ctrl + D ( 변수탭 포커스) Ctrl + Q ( 쿼리탭 포커스) 특징: 실행하고 나서야 호출 할 수 있다. - 변수탭 Local : 블록안에서 var로 선언되는 변수들 Global : 전역변수. 여기서 변수들을 찬찬히 보면... 아까 가져온 id값이 표시가 되는데.. 이는 id값들이 변수처럼 취급된다는 의미이다. 하지만 전체 데이터가 그렇게 되는건 아니라 선택한 열의 데이터만 표시가 된다. _CELLID_ :마지막으로 클릭한 셀 정보 _ROWNO_:마지막으로 클릭한 열정보 등등.... MyBuilder에서 사용하는 특별한 변수들이 있다. -트레이스 탭 - 데이터를 가져온 로그가 찍힌다 - 파일에 저장한것을 불러오는것임. ㅗ - ON(RECORDSET) 매크로 -MyBuilder의 이벤트 모양은 ON(*)이다. RecordSet은, ON(QUERY)이후 데이터를 가공해야할때 사용하는 이벤트이다. 매크로 실행을 체크해야 실행이 된댱. 이때, set a = 1;이면- a컬럼이 1로 전체 설정이 되고, set dpt_nm 같은경우엔, 호출한 데이터에서 존재하는 컬럼명이므로- 지정한 값을 덮어쓰게 된다. RecordSet에 반복문을 쓰면 안된다- 이를 응용한다면- set emp_nm = 2222 where dpt_nm ='강남사업부' or dpt_nm ='부산사업부'; 처럼 조건에 따라 셀값을 수정 할 수도 있다. - 문법은 sql문법과 비슷한듯하다. where dpt_nm in('강남사업부', '강서사업부'); 서비스쪽에서 데이터를 가공하는것처럼 이런 작업도 가능하다- *하지만 Set을 하면 모든 조회 데이터에 대해 적용을 하기 때문에... 성능 문제를 신경써야 한다. -디버깅 모드에서 테스트한 RecordSet을 실제 Form에 저장해보자- 자동으로 저장이 안되니까 Ctrl + c 필수. Record Set을 복사해서.... Form의 스크립트 영역에 붙여놓으면.... 쿼리 결과에는 a, b가 나오는데 실행 결과에서는 안나온다...? => 쿼리 결과가 화면과는 바로 이어지지않고 행을 늘리고, id값을 지정해주는등의 Mapping 작업이 필요한듯 하다. - UI에 행을 추가하고.. ID를 a로 지정하면 표시될것이다. - 디버그 - 쿼리 Tap에서 [XML 저장]을 클릭하면 쿼리결과를 XML로 저장 할 수 있다- 쿼리탭이 작업하기 상당히 편하다.(약간 모듈테스트 같은 느낌. 스크립트 실행을 해볼수 있다.) 5. DB 설정 앞서 설명한것처럼- DBMS/파일에 직접 데이터를 받아오는 2Tier, JSP/Servlet같은 서비스 로직을 거쳐서 받아오는것을 3Tier라고 한다. - DB Setup 방법 도구탭 > DB설정 - 2-Tier > ADO Setup을 클릭하면 데이터 연결속성 창이 뜨는데.. 이는 window에서 제공하는것으로.. DB연결스트링을 받기위함이다. *서버가 64bit일때 연결테스트에 실패하는 경우가 있다고함. 자세히는 모르겠다. - 3-Tier VERB=POST; TYPE=TSV라고 명시해놔도 XML들어왔을때 처리 가능. 한글이 깨질경우 우선 서버도 깨지는지 확인하고 UTF-8처럼 인코딩 타입을 적자. URL=http://www.activesoft.co.kr/test.jsp; -MyBuilder가 받을 수 있는 JSP (개발자용 예제가 있다고 한다....) //MyBuilder가 받는 JSP데이터를 브라우저에서 열어보면 이런모양이다. 구멍뚫린 네모는 MyBuilder가 데이터를 구분하기 위한 구분자 역할을 하는 문자라고 함. -3-Tier 사용시... MyBuilder에서 지정한 쿼리 정보를 파라미터로 전달한다. (물론 JSP에서 이를 처리하는 로직이 반드시 필요할것같다. 이것은 개발자 예제코드를 참고해야 겠지..) Trace Window에서 이를 확인 할 수 있다. - DB ID를 스크립트에서 지정하기 -이처럼 서비스 문장 뒤에 써준다. 6.디자인 가이드 비유를 하자면 웹이 CSS라고 할수있다고 한다.(갠적으로 포토샵의 가이드 느낌이다) 개발하기 편리하도록 가이드 선을 그릴 수 있다. ▼을 눌러서 새로 만들수 있고, 개체가 있는곳에서 불러오기가 가능하다. 단축키 Ctrl + 9로 껐다 킬 수 있다. 예) 빨간선은 여기 선을 넘어가면 스크롤이 생긴다는 의미로 쓴다고 함. 스타일 편집을 클릭하면.. 폼의 색상, 글꼴 등... 스타일을 '저장'할 수 있다. 스타일 편집을 클릭하면 이게뭐하는건지 짐작할수 있다. -Title메뉴에서는 CellColor, GradColor등을 지정 할 수 있는데. 기본색에는 제목, 입력등등 색을 지정할 수 있어서 만약 제목이 빨강색이였는데 요구사항이 변경돼서 파랑으로 변경해야 한다면, 이 설정으로 일괄 바꿀 수 있다고 했는데 어떻게하는지 잘 모르겠다 ㅠ (환경설정에서 한다고함) 7. 개체 속성 복사하기 & 개체 속성 + id연속 + 스크립트 복사하기 - Ctrl + 셀하나 클릭하면 셀을 선택 할 수 있다. - 스포이드 + 셀클릭 + 붓으로 붙여넣기 = 개체의 속성 복사하기(모양만) - 스포이드 + 셀클릭 + Shift + 붓으로 붙여넣기 = 개체 속성 + id연속으로 뿌리기 + 스크립트 복사하기. 8. 제어문 - if(조건)else if () else.... -when (단일조건) Msgbox OK, 'When Test Message' when stat=1; -foreach - foreach(row1 in List){} - while 등등등.... - 주의 : 안되는것 참고: 쿼리가 AS로 Rename되면, Rename된 이름을 변수값으로 표시하면 된다 9. 그리드 그리고 폼 - 그리드: 반복되는 데이터를 표시할때 사용하며, 그리드는 데이터와 제목의 구분이 중요하다. - 폼: 회원가입폼, 조회조건폼, 단건의 데이터를 표현할때 사용된다. 만약 다수의 데이터가 뿌려지면 최초1건만 표시한다. 폼은 전부다 제목행이다. - 새로 추가한 행은 기본적으로 폼설정>행탭에서 '제목'으로 설정되어있다. (반복되는 데이터를 표시하지 않는다) => 데이터로 변경해줘야 반복되는 데이터로 표시해준다. -그리드 도우미 활용팁 select a, b, c, z from _DUMMY_ DBID=TEXT; 여기서 _DUMMY_는 Oracle에서 dual처럼 사용 할 수 있다. 이를 활용해서..... 우리가 필요한 모양의 그리드를 그려둘수도 있다. 10. 셀크기 조정 셀크기를 조정하기위해서는 하나이상의 셀을 선택해야 하며(컨트롤을 누르고 클릭) 두개이상의 셀을 선택해야 할때는 마우스로 드래그하기. - 셀크기 조정 Ctrl + 움직이기: 폼의 사이즈는 유지하고 위, 아래 같은 위치에 있는 라인을 움직임. Shift + 움직이기 : 폼의 사이즈도 포함하여 위, 아래 같은 위치에있는 라인을 움직임. Alt + 움직이기: 주변셀들에 영향주지않고 셀 단독만 크기 줄이기. 11. 개체 정렬 Ctrl + F : 맨앞으로 Ctrl + B : 맨 뒤로 Ctrl + Shift + F: 한단계 앞으로 Ctrl + Shift + B: 한단계 뒤로 12. 리사이징 그리드는 세로크기 변경 = 볼수있는 데이터가 늘어난다. 폼 세로크기 변경 = 폼의 크기가 늘어난다. - 디자인시 작업하는 사이즈가 '최소사이즈'이다. 13. 이벤트의 종류 - 파일, 폼, 행, 셀에 각각 이벤트가 존재한다. - 파일 파일 설정 항목 설명 - 타이틀: MyBuilder에서 실행시 창에 표시되는 제목. - 마스터 파일: 사용하는 마스터파일(mvf 파일) 지정 - 화면 크기 / 여백: 화면크기는 mvf파일에서 디자인 할 수 있는 영역을 지정한다. 여백은 디자인 된 객체의 좌우 측면 여백과 상하 여백을 지정 할 수 있다. - 스크립트창: mvf 파일에서 실행될 스크립트를 입력하는 공간. -마이빌더 실행 순서. 마이빌더(MVC)가 실행되면 파일영역을 가장 먼저 실행한다. -주요 이벤트 QUERY: 뷰파일에서 가장 먼저 실행되는 이벤트 LOADED: 뷰 파일에서 가장 나중에 실행되는 이벤트. 폼이나 그리드의 속성을 지정하는 곳. 개체의 초기값 지정, 형태변경, 포커스 이동 등.. TIMER, GOTFOCUS, RESIZED: 창사이즈 변경시 -디버깅모드 오른쪽 우클릭 > 행번호 표시 가능 F9 누르면 Break Point 잡기 가능 ==중단점 지정한상태로 실행하게되면 거기서 멈추는데 이때.. F5를 누르면 전부 실행 F8을 누르면 다음스텝을 실행한다. -타이머 사용 타이머 예제다.. 주석 참고 - 버튼을 이용해서 타이머 조작 //66P까지 정리. |
마이 빌더 스크립트 - mai bildeo seukeulibteu
관련 게시물
저작권 © 2024 toptenid.com Inc.
