본문으로 건너뛰기
로그인 회원가입

INQUIRY

문의하기

제작·기능 추가·유지보수·장애 진단 등 무엇이든 남겨주세요. 이메일로 답변드리겠습니다.

선택 정보 · 사이트 주소, 기술, 일정, 예산
사용 기술 선택 · 여러 개 선택 가능

otosystem

포트폴리오

누리빛 미술관 문화시설 예약·다국어 안내 대표 이미지

누리빛 미술관 — 문화시설 예약·다국어 안내

방문객의 전시 예약과 다국어 작품 안내, 운영자의 전시·콘텐츠 관리를 연결한 전자정부프레임워크 웹 서비스입니다.

기술 스택
전자정부프레임워크(eGovFrame) 5.0.1 · Java 17 · Spring 6.2 · Spring Security 6.5 · MyBatis · MySQL 8.4 · React 19 · TypeScript · Vite

가상 기관·인물·작품으로 만든 데모입니다. 실제 고객사 수행 사례가 아니며 결제·문자 발송·소셜 로그인·비회원 예약·자동 번역은 제공하지 않습니다. 실제 개인정보는 입력하지 마세요.

데모 사이트 보기
구현 상세 보기접기

제작 목적

방문객의 전시 예약과 다국어 작품 안내, 운영자의 전시·콘텐츠 관리를 연결한 전자정부프레임워크 웹 서비스입니다. 회차별 정원과 예약 상태를 함께 관리하고, 언어별 안내의 편집본과 발행본을 나눠 공개할 자료를 통제하도록 만들었습니다.

핵심 구현

  • 정원 확인과 예약 인원 반영을 조건부 UPDATE로 처리합니다. 중복 요청과 같은 회차의 중복 예약을 막고, 취소한 인원은 한 번만 복구합니다.
  • 작품별 QR 안내에서 한국어·영어와 이미지·음성을 제공합니다. 번역이 없으면 한국어 자료를 보여주며, 버전·파일 체크섬과 열람용 HTML을 ZIP으로 내려받습니다.
  • 언어별 안내를 작성 중·발행·이전 버전으로 구분합니다. 공개 API와 파일 다운로드는 공개 전시에 속한 발행본만 제공하도록 검사합니다.
  • 방문객·운영자·콘텐츠 관리자·최고 관리자 권한을 서버에서 확인합니다. 전시·회차·예약자·공지·배너·변경 이력을 관리하고 업로드 파일의 형식·시그니처·크기를 검사합니다.
센텀컨벤션호텔 예약 스크립트 연동·운영 기능 개선 대표 이미지

센텀컨벤션호텔 — 예약 스크립트 연동·운영 기능 개선

호텔 홈페이지의 퀵부킹 스크립트 설치와 게시판·팝업 기능 개선을 담당했습니다.

기술 스택
Rhymix · PHP · HTML/CSS · JavaScript

플레이웹 협업으로 참여한 프로젝트입니다. 예약 스크립트 설치와 운영 기능 개선 범위를 소개하며, 링크는 현재 운영 사이트입니다.

관련 링크
구현 상세 보기접기

제작 목적

호텔 홈페이지의 퀵부킹 스크립트 설치와 게시판·팝업 기능 개선을 담당했습니다. 외부 예약 서비스로 연결하는 스크립트를 설치하고 운영 화면에 필요한 번역과 애드온 수정을 진행했습니다.

핵심 구현

  • 퀵부킹 스크립트 설치
  • 게시판 보조 모듈 번역
  • 슬라이드 팝업 애드온 수정
OtoStay 숙소 예약 서비스 대표 이미지

OtoStay — 숙소 예약 서비스

날짜와 인원에 맞는 객실 탐색부터 예약 운영까지 연결하는 Laravel 서비스입니다.

기술 스택
Laravel · Eloquent · Blade · Vite · Tailwind CSS · Alpine.js

예약·결제 흐름을 소개하는 데모입니다. 기술 설명은 개발 구현 기준이며 공개 서버의 배포 버전과 차이가 있을 수 있습니다. 실제 예약이나 결제는 진행하지 마세요.

데모 사이트 보기
구현 상세 보기접기

제작 목적

날짜와 인원에 맞는 객실 탐색부터 예약 운영까지 연결하는 Laravel 서비스입니다. 검색 화면의 가격뿐 아니라 예약 시점의 잔여 객실·확정 방식·취소 조건을 일관되게 다루는 데 초점을 맞췄습니다. 고객과 숙소 운영자, 관리자의 업무 흐름을 함께 구성했습니다.

핵심 구현

  • 날짜·인원·지역·숙소 유형·가격·편의시설로 객실을 찾고 객실별 수용 인원과 요금, 확정 방식을 보여줍니다.
  • 즉시 확정·승인 대기·결제 대기를 구분하고, 결제 대기 만료 시각을 객실 재고 점유 판단에 사용합니다.
  • 예약 당시 결제 제공자와 정책을 스냅샷·버전으로 남겨 이후 설정 변경과 구분합니다. 토스·Eximbay 연동은 공통 결제 계약으로 분리했습니다.
  • 결제·일반·알림 큐와 스케줄러로 운영 작업을 나누고, 한국어·영어·일본어 공개 화면을 구성했습니다.