호스팅 · 서버 프로그램
PHP로 페이지·인증·운영 API를 제공하며 공개 웹 폴더와 비공개 앱·설정·저장소를 분리합니다. 로컬 SQLite와 운영 MySQL을 PDO 공통 연결로 지원하고, prepared statement로 회원·설정·즐겨찾기·감사 기록을 관리합니다.
SELECTED WORK / 유틸리티
TOOL KIT
이미지, PDF, 텍스트, 계산과 네트워크 도구를 설치 없이 사용하는 웹 워크스페이스.
외부 서비스는 별도 사이트에서 열리며, 일부 화면은 로그인 권한이 필요합니다.
인터페이스 구성 예시 · 실제 운영 화면 캡처 아님
PROJECT OVERVIEW
업무를 연결하는 핵심 기능
계산·이미지·PDF·텍스트·개발·네트워크 도구를 하나의 워크스페이스로 구성한 플랫폼입니다. 브라우저의 파일 처리와 PHP 서버의 회원·운영 설정·공식 데이터 연동을 연결합니다.
브라우저 파일 변환·편집
PDF·이미지·개발 도구
검색·즐겨찾기·작업 기록
HOW IT WORKS
어떤 기술로 구현했나요?
사용한 프로그램과 각 기술이 맡은 역할을 함께 소개합니다.
브라우저 도구 엔진
도구별 모듈을 필요한 시점에 불러오고 브라우저에서 계산·파일 읽기·이미지 편집·결과 다운로드를 처리합니다. Canvas로 이미지 변환과 미리보기를, Worker로 GIF 인코딩 등을 실행합니다. Web Crypto를 비밀번호와 무작위 추첨에 사용하며, 이미지·문서 원본의 서버 전송이 필요 없는 도구를 구현했습니다.
PDF · 문서 처리
pdf-lib로 PDF 생성·병합·페이지 추출·회전·메타데이터 편집을 처리하고 PDF.js로 페이지 썸네일과 이미지 변환을 제공합니다. 여러 결과 파일은 fflate로 ZIP 또는 Gzip으로 저장합니다.
이미지 · QR · 바코드
gif.js로 프레임·간격·반복 설정을 가진 GIF를 만들고 exifr로 EXIF·GPS·IPTC·XMP를 읽습니다. QR 코드에 색상·로고·문구를 적용하고 bwip-js로 여러 1D/2D 바코드를 생성합니다. SVG 변환 전 DOMPurify로 스크립트와 외부 참조 등을 정화합니다.
텍스트 · 개발자 도구
marked와 DOMPurify로 마크다운을 안전한 HTML 미리보기로 변환합니다. YAML/JSON 상호 변환, 텍스트 차이·Unified Diff, SQL 방언별 포매팅과 JSON·CSV 등의 데이터 정리를 도구별 입력·결과 화면으로 제공합니다.
공식 데이터 · 외부 API
PHP 서버가 환율·주식·의약품 등의 외부 데이터를 조회하고 형식과 기준일을 검증합니다. 인증키는 비공개 설정에 보관하며 응답 캐시·호출 간격·오류 처리를 적용합니다. 공식 기준표 동기화는 검증 후 원자적으로 교체하고 실패 시 이전 자료를 유지합니다.
차트 · 지도 · 시각화
캔들·이동평균·거래량·시세표를 연동하고 드래그·확대/축소·범위 유지를 구현합니다. Leaflet으로 IP 조회의 지역·통신망 결과를 지도에 표시하며, 도구별 결과를 표·차트·이미지로 제공합니다.
운영 관리자 · 소스 관리
관리자가 도구 공개 상태·설명·디자인·검색 메타데이터와 API 연결을 제어합니다. CodeMirror에서 유틸리티 JavaScript 소스를 편집하고 Acorn·Node.js로 구문을 검사한 뒤 실행용 모듈을 발행합니다. 이 Node 실행은 소스 검사용이며 일반 도구에 상시 Node 웹 서버가 필요한 구조는 아닙니다.
프리즘카드 통합 · 배포 자산
프리즘카드의 빌드된 React 화면을 PHP 진입점으로 제공하고 회원 세션과 개인 카드 저장소를 공유합니다. 개인 업로드는 소유권을 검사하는 API로 제공합니다. 주요 브라우저 라이브러리와 글꼴은 고정 버전을 자체 제공하고 라이선스와 파일 지문을 유지합니다.
기술 설명은 확인한 로컬 프로젝트 소스를 기준으로 작성했습니다. 운영 서버의 설정·버전과 공개 서비스의 배포 범위는 다를 수 있습니다.
우리 업무에도 이런 시스템이 필요하다면.
필요한 기능을 정리하는 단계부터 함께합니다.