많은 기업의 시스템들이 "클라이언트 서버(C/S)형"으로 되어있습니다. 이런 시스템들은 대부분 시스템 관리팀에서 각 PC마다 프로그램을 설치해주어야만 사용이 가능합니다. 시스템의 버그나 업데이트 사항이 있다면 또 다시 관리자의 셋업이 필요하죠. 이렇다보니 시스템 구축에 시간을 많이 할애하게 됩니다. 

 

델파이/C++빌더를 사용하는 기업들 또한 VCL로 구축된 C/S형 프로그램들을 많이 사용합니다. 최근에는 윈도우10 대응을 위해 최신 10.2.x 버전을 많이 채택하고 있습니다. 하지만 이제는 PC 뿐만 아니라 스마트폰이나 태블릿 활용도가 높아졌고 특히 Gmail, Google Map, Office 365, 세일즈포스(Salesforce) 등 클라우드 기반의 서비스를 업무 뿐만 아니라 사적인 영역에서도 많이들 사용합니다. 이러한 변화로 인해 업무를 사무실 안에서 뿐만 아니라 외부에서도 처리하는 경우가 늘어나 기존 업무 시스템을 웹 상에서도 활용할 수 있는 방안을 검토하는 기업이 증가하고 있습니다.

 

기존 시스템(특히 "C/S형")의 웹으로 확장을 고려할 때 꼭 염두에 두어야 할 두 가지 포인트를 정리해보았습니다.

 

1. 백엔드 (웹 API 오픈)

기존 시스템을 웹에 재구축하기 위해서는 프론트 엔드와 백엔드가 가장 중요합니다. 그 중에서도 백엔드는 웹 API라는 REST 형식의 서버 구축이 필요합니다. 웹 API와 프론트엔드의 통신은 JSON 포맷으로 진행되는 경우가 대부분입니다. 물론 웹 API를 새로 구축할 때에는 다양한 선택사항이 있습니다. 델파이, C++, 자바, PHP, 루비, C# 등등.. 하지만 기존에 델파이/C++로 되어있는 소스코드를 활용할 예정이라면 델파이 또는 C++빌더RAD서버를 활용하는 것이 가장 편합니다.

 

 

2. 프론트엔드 (웹 API 활용 클라이언트)

웹 브라우저의 프론트엔드 개발은 CSS, 자바스크립트를 사용하는 HTML5로 구축합니다. 이 경우 스크래치 보다는 자바스크립트의 프레임워크를 이용하는 것이 일반적입니다. 스크래치로 전체를 구현하면 브라우저마다 나타나는 차이를 스스로 대응해야하고, 본래 주력해야 할 애플리케이션 구현보다 다른 부분에 손이 많이 가기 때문에 현실적이라고 보기 어렵습니다. 오픈 소스 계열 프레임워크 중에는 jQuery, Angular, React 와 같은 제품들이 많이 사용됩니다. 하지만 오픈 소스 프레임워크를 이용한 개발 환경은 기능 지원이나 툴 조합 선정 및 검증 문제 등이 있어 테스트 작업에 많은 시간이 소요됩니다. 하지만 델파이/C++빌더와 같이 개발을 매우 쉽고 빠르게 만들어 줄 비주얼 컴포넌트들을 갖춘 센차 ExtJS를 활용하면 이와 같은 문제를 해소할 수 있습니다.

 

 

센차 ExtJS에서의 프론트엔드

앞서 프론트엔드의 과제를 확인해보았습니다. 대부분의 개발이 그렇지만, 특히 웹으로의 확장을 위해서는 백엔드 개발 뿐만 아니라 프론트엔드 개발에 대해서도 진행 방법과 도구 선정에 유의해야 합니다. 

마지막으로 소개한 ExtJS 프레임워크는 비주얼한 개발이 가능한 상용 프레임워크 입니다. 델파이/C++빌더를 사용하고 있다면 백엔드는 무상 제공되는 RAD서버(10.2.2 버전부터 제공됨)로, 프론트엔드는 함께 연동 가능한 ExtJS를 활용하면 작업이 매우 간편해집니다.  

 

ExtJS를 어떻게 활용할 수 있는지 엠바카데로의 자료들을 통해 확인해보세요!

 


 

 

 

 

 

번호 제목 글쓴이 날짜 조회 수
공지 [DelphiCon 요약] 코드사이트 로깅 실전 활용 기법 (Real-world CodeSite Logging Techniques) 관리자 2021.01.19 15454
공지 [UX Summit 요약] 오른쪽 클릭은 옳다 (Right Click is Right) 관리자 2020.11.16 13966
공지 [10.4 시드니] What's NEW! 신기능 자세히 보기 관리자 2020.05.27 16503
공지 RAD스튜디오(델파이,C++빌더) - 고객 사례 목록 관리자 2018.10.23 22059
공지 [데브기어 컨설팅] 모바일 앱 & 업그레이드 마이그레이션 [1] 관리자 2017.02.06 23268
공지 [전체 목록] 이 달의 기술자료 & 기술레터 관리자 2017.02.06 18925
공지 RAD스튜디오(델파이, C++빌더) - 시작하기 [1] 관리자 2015.06.30 39261
공지 RAD스튜디오(델파이,C++빌더) - 모바일 앱 개발 사례 (2020년 11월 업데이트 됨) 험프리 2014.01.16 174727
554 [발표자료] 20160830 나만의 C++애플리케이션 완성하기 with C++빌더 험프리 2016.08.26 1920
553 [FireDAC Skill Sprints] 9. LocalSQL: DB에서 가져온 데이터(데이터셋)를 대상으로 다시 SQL쿼리 실행하기 Humphery 2015.04.01 1908
552 멀티-플랫폼 앱 멋지게! 쉽게! 빠르게! 완성하기 - #.1 한번에 멋지게 개발하기 file 험프리 2019.07.09 1886
551 [10.3 리오] IDE가 현대적이고 깔끔하게 업데이트 되었습니다. 관리자 2018.11.14 1886
550 [개발환경 설정] 안드로이드 기기 연결 시 'USB 디버깅 허용' 창이 표시되지 않는 경우 조치 방법 file 험프리 2018.08.21 1871
549 [동영상] 8단계로 완성하는 "2014년 출시 앨범" 앱 개발 "15"분 만에 완료하기 관리자 2014.10.14 1850
548 [튜토리얼] Mobile Tutorials: Mobile Application Development Humphery 2014.06.13 1848
547 [마이그레이션][팁] 유니코드 검토 대상 분석 도구 다운로드 [1] file 험프리 2015.11.16 1845
546 RAD 스튜디오(델파이, C++빌더) 웹개발 방법(WebBroker, IntraWeb) 험프리 2016.09.07 1831
545 손쉬운 데이터 연결 방법(라이브바인딩 활용): 파이어몽키 코스북 6장 file 관리자 2014.07.18 1807
544 RAD Studio XE6 TChart 패치의 건 Humphery 2014.07.31 1793
543 20140424_Developer Direct LIVE! 2014 세미나 세션 자료입니다. 관리자 2014.04.25 1772
542 [10.3 리오][업데이트 2] Firebase 안드로이드 앱 푸쉬 알림 - 10.3.2에서 FCM 수신 설정하기 [1] file 김원경 2019.08.21 1757
541 FireDAC 성능 비교(BDE, dbGO(ADO), dbExpress, FireDAC) 험프리 2016.08.09 1756
540 [BaaS] VCL에서 특정사용자에게 GCM/APN 전송하기(FMX도 사용가능) Humphery 2014.07.25 1727
539 [시애틀] BSON(Binary JSON)을 처리하고, JSON 데이터를 스트리밍 모델로 읽고, 쓸수 있습니다. file Humphery 2015.10.05 1718
538 [업데이트][10.2 도쿄][릴리즈 2] 10.2 도쿄 - 릴리즈 2 출시 & 설치방법 안내 file 험프리 2017.12.13 1697
537 [마이그레이션] 컴파일러 버젼 [1] 험프리 2014.08.18 1691
536 멀티-티어 애플리케이션 개발과 배포: 파이어몽키 코스북 9장 file 관리자 2014.07.25 1689
535 [FireDAC Skill Sprints] 6. 전처리: SQL문을 유연하게 작성할 수 있는 Param와 Macro 사용하기 Humphery 2015.03.13 1685