본문으로 건너뛰기
홈으로블로그
‹ 블로그

개발기

HJ Studio 개발기 — 연주회 프로그램과 인쇄물을 한곳에서

개발 발행 2분 읽기

#HJ Studio#개발기#연주회#운영도구

HJ Studio 프로젝트 보기

HJ Studio는 피아노 연주회의 프로그램 순서와 갤러리, 안내 포스터와 인쇄물을 한곳에서 정리하는 운영 도구입니다. 관리 화면은 승인된 사용자만 열고, 관객에게는 공개 상태인 연주회의 모바일 프로그램만 단순하게 보여 주는 것이 기본 원칙입니다.

한 번의 연주회를 위한 정적 페이지로 시작했습니다#

2026년 5월 27일 첫 버전은 관객용 프로그램과 사진 갤러리, QR 안내 포스터를 한 묶음으로 만들었습니다. 화면 속 프로그램을 인쇄용 한 장에 맞추고, QR을 찍으면 같은 순서와 작품 설명을 휴대폰에서 볼 수 있게 했습니다. 처음부터 거대한 관리 시스템을 만든 것이 아니라, 연주회 당일 반복되는 편집과 출력 작업을 하나의 데이터로 잇는 데 집중했습니다. 안내 문구와 프로그램 순서를 같은 설정에서 바꾸게 해, 모바일 페이지와 종이 출력물을 따로 고치다 내용이 달라지는 일을 줄였습니다.

빈 PDF가 가르쳐 준 인쇄의 함정#

브라우저 화면 밖에 숨긴 인쇄 레이아웃을 이미지로 캡처하자 빈 PDF가 생겼습니다. 잠깐 보이게 만들거나 아주 낮은 투명도로 배치하는 방법도 시도했지만 브라우저마다 결과가 달랐습니다. 결국 별도 인쇄 화면을 열고 브라우저의 기본 인쇄 기능을 호출하는 방식으로 바꿨습니다. 화면용 금색 그라데이션도 종이에서는 단색으로 치환해, 장식보다 글자와 배경이 확실히 나오게 했습니다.

하나의 행사를 여러 연주회 구조로#

다음 단계에서는 연주회마다 프로그램·수상 순서·갤러리·문구를 한 기록으로 묶고, 초안·공개·보관 상태를 구분했습니다. 관객은 공개된 프로그램만 볼 수 있고 보관된 갤러리는 다시 비공개가 됩니다. 관리자 화면을 숨기는 데 그치지 않고 승인된 계정과 권한을 확인하며, 인쇄 미리보기도 같은 보호 범위 안에 두었습니다. 삭제는 보관함을 거친 뒤에만 가능하도록 안전장치를 더했습니다. 자동 저장이 겹쳐 앞선 수정이 되돌아가지 않도록 저장 순서를 직렬화하고, 실패했을 때는 성공한 것처럼 보이지 않게 상태를 알렸습니다.

지금은#

HJ Studio는 연주회 준비와 공개 프로그램을 함께 다루는 비공개 운영 도구로 사용됩니다. 공개 주소나 내부 설정, 실제 참가자 정보는 이 글에 담지 않았습니다. 현재도 프로그램 편집, 갤러리, 인쇄 자료가 서로 다른 사본으로 갈라지지 않게 유지하고, 관객에게는 공개하기로 정한 정보만 보이도록 운영 편의와 공개 범위 사이의 경계를 다듬고 있습니다.

이런 프로젝트, 같이 만들어볼까요?

웹 서비스 · 도구 · 자동화 의뢰를 받고 있어요.

문의 보내기