【Lazarus】폼에 배치 가능한 에クス플로러 스타일 기능, Monaco Editor, 탭 브라우저 등을 포함하는 컴포넌트 세트 "CX

안녕하세요! 저는 Delphi와 Lazarus를 매우 좋아하고 평소 애용해 왔지만, 일본에서는 정보나 사용자가 적어 사용하고 싶은 편리한 도구나 부품을 찾기 어려운 경우가 많았습니다.

그래서 '없으면 직접 만들자'라는 생각으로, Lazarus (Free Pascal)용 확장 컴포넌트 세트인 "CX Components"를 직접 제작했습니다.

이 컴포넌트들은 폼에 올려놓는 것만으로 Windows의 에クスプローラー와 같은 파일 조작 기능, 탭형 브라우저, Monaco Editor나 SynEdit을 활용한 고급 에디터, Markdown 미리보기, Firefox 스타일 북마크 관리 등 실용적인 부품들로 구성되어 있습니다.

• 사전 설명드리자면 저는 일본인입니다.
• 모든 것은 바이브 코딩(vibe coding)으로 작성되었습니다.

저는 벽치기(아이디어 구체화), 사양 결정, AI가 생성한 설계서 검토, 소스 코드 검토 과정을 거쳤습니다. - AI와 바이브 코딩을 활용하면 며칠 만에 이 정도 수준의 결과물을 만들 수 있습니다.

이 컴포넌트 세트는 Lazarus IDE 내 패널( [CX] 탭)에 추가되어 드래그 앤 드롭으로 폼에 배치하여 사용할 수 있는 구성 요소들입니다.

주요 특징은 다음과 같습니다:

• 풍부한 UI 부품: 트리뷰(TreeView), 리스트뷰(ListView), 탭 컨트롤(TabControl), 사이드바(Sidebar), 각종 에디터 등이 갖춰져 있습니다. -
• 모던 웹 기술과의 융합: WebView2를 활용하여 Monaco Editor나 Markdown 미리보기, 탭 브라우저 기능을 Lazarus 애플리케이션에 통합할 수 있습니다. -
• 실용적인 기능: 각 부품의 사용 설명서와 설계서까지 공개하고 있습니다.

• Lazarus: 5.0 이상 권장 (TCSynEdit, TCsEditor, TCPreview). 기타 부품은 4.8에서도 작동합니다. -
• FPC (Free Pascal Compiler): 3.2.2 -
• OS: Windows 11 (64비트) ※현재는 Windows 버전만 지원합니다.

전제 패키지 도입

• WebView4Delphi의 Lazarus용 패키지를 도입해야 합니다.

• ATFlatControls (atflatcontrols_package)를 온라인 패키지 매니저에서 설치합니다.

• ※SynEdit은 Lazarus에 기본적으로 포함되어 있습니다.

패키지 컴파일

• packages\cx.lpk 파일을 Lazarus에서 열고, '컴파일'을 실행합니다.

디자인 시 패키지 설치

• packages\cxdsgn.lpk를 열고, '설치'를 실행합니다 (IDE가 재구성됩니다).

• IDE를 재시작하면, 팔레트의 [CX] 탭에 각 부품이 표시됩니다.

• 폼에 부품을 배치하는 것만으로 프로젝트의 필요 패키지에 cx가 자동으로 추가됩니다 (cxdsgn은 애플리케이션에는 불필요합니다).

TCTabBrowser, TCMonacoEditor, TCBookmark, TCPreview를 사용하는 앱에서는 EXE와 같은 폴더에 설정 파일(WebView2.ini)이나 WebView2Loader.dll, monaco 폴더, preview 폴더를 배치합니다.

일본에서는 보기 드문 Lazarus/Delphi이지만, 데스크톱 애플리케이션을 빠르게 네이티브로 개발할 수 있는 매우 강력한 도구입니다. 마찬가지로 Lazarus를 즐기고 있거나 편리한 컴포넌트를 찾고 계신 분들께 도움이 되기를 바랍니다.