소소도담 (SOSODODAM)

그누보드5 · 영카트 기반 커머스 플랫폼 구축 및 운영 시스템 확장

소소한 취향을 담다, 소소도담.

프로젝트 유형: 자체 쇼핑몰 구축 및 운영관리 시스템 개발
기반 솔루션: 그누보드5(Gnuboard5), 영카트(Youngcart), 리빌더(Rebuilder)
주요 기술: PHP · JavaScript · HTML · CSS · MariaDB · AI API
진행 상태: 개발 및 기능 고도화 진행 중

01. 프로젝트 소개

소소도담은 생활잡화와 다양한 취향의 상품을 판매하기 위해 개발 중인 소규모 온라인 쇼핑몰입니다.

처음에는 그누보드5와 영카트의 기본 기능을 활용하여 비교적 단순한 쇼핑몰을 구축하는 것이 목표였습니다.

하지만 실제 운영을 준비하면서 상품등록, 이미지 관리, 공급처 관리, 분류 체계, 회원 인증 등 여러 영역에서 반복적인 작업과 관리상의 불편함을 발견했습니다.

이를 개선하기 위해 기존 쇼핑몰 솔루션을 기반으로 상품등록부터 콘텐츠 제작, 주문 관리와 운영 자동화까지 하나의 환경에서 처리할 수 있는 커머스 운영 시스템으로 기능을 확장하고 있습니다.

단순한 디자인 커스터마이징을 넘어, 실제 판매자가 사용하는 관리자 환경의 효율성과 장기적인 유지보수성을 함께 고려한 프로젝트입니다.

02. 주요 개발 및 구현 기능

① 상품등록 및 일괄등록 시스템

상품등록에 소요되는 반복 작업을 줄이는 데 중점을 두었습니다.

기존 영카트 상품등록 화면을 확장하는 동시에, 여러 상품을 사전에 준비하고 정식 상품으로 일괄 등록할 수 있는 별도의 기능을 개발했습니다.

주요 구현 내용

• 다수의 상품 초안 작성 및 일괄 정식 등록
• 상품별 이미지·옵션·카테고리·공급처 정보 개별 관리
• 상품 이미지 일괄 업로드 및 순서 변경
• 썸네일과 상세 이미지의 구분 관리
• 임시저장 및 등록 전 미리보기
• 공급처 정보와 상품 관리 항목 연계

특히 일괄등록 기능은 단순한 엑셀 업로드 방식이 아닙니다.

각 상품의 등록 정보를 실제 상품등록 화면과 유사한 환경에서 작성한 뒤, 여러 상품을 하나의 작업 단위로 관리하고 등록할 수 있도록 설계했습니다.

② 상품 분류 및 관리자 기능 확장

다양한 상품군을 효율적으로 관리할 수 있도록 기존 관리자 기능을 보완하고 있습니다.

• 다수의 상품 분류를 한 화면에서 관리하는 기능 개발
• 복잡한 카테고리 구조의 관리 편의성 개선
• 상품 및 공급처 관련 관리 항목 확장
• 반복적인 관리 작업을 줄이기 위한 운영 도구 구성

기존 영카트 관리자 기능을 무조건 대체하기보다는 필요한 기능을 별도로 추가하여, 기본 관리 기능과 확장 기능을 함께 활용하는 방향으로 개발하고 있습니다.

③ 통합 DHTML 콘텐츠 에디터

쇼핑몰과 커뮤니티 전반에서 사용할 수 있도록 별도의 DHTML 에디터를 구성했습니다.

적용 대상

• 상품 상세설명
• 게시판 및 커뮤니티
• 상품 Q&A
• FAQ
• 내용관리 페이지

이미지 크기 조절, 여러 이미지 처리, 콘텐츠 정렬 등 실제 운영 과정에서 자주 사용하는 기능을 중심으로 편집 환경을 개선하고 있습니다.

각 관리 화면에서 일관된 콘텐츠 작성 경험을 제공하는 것이 목표입니다.

④ AI API 기반 콘텐츠 작성 지원

반복적인 상품 콘텐츠 제작을 보조하기 위해 AI API를 연동했습니다.

상품의 기본 정보를 활용하여 상품명이나 상세설명 문구를 추천받을 수 있도록 구성했으며, 이를 통해 콘텐츠 작성 과정에서 발생하는 반복 작업을 줄이고 있습니다.

AI가 상품 정보를 무조건 자동 등록하는 방식보다는, 운영자가 생성된 내용을 확인하고 수정하여 활용할 수 있는 보조 도구에 가깝게 설계했습니다.

향후 다른 관리자 기능에도 AI 기반 작업 지원 기능을 단계적으로 확대할 계획입니다.

⑤ 회원 인증 및 외부 서비스 연동

쇼핑몰 이용 편의성과 운영 효율성을 높이기 위해 여러 외부 서비스를 연동했습니다.

• 네이버·구글·카카오·페이코 소셜 로그인
• 이메일 및 휴대전화 인증
• PWA 기반 웹사이트 설치 지원
• 웹 알림 기능
• 검색엔진 사이트맵 및 쇼핑 상품 피드
• 상담 서비스 이벤트 연동

사용자 편의성뿐만 아니라 검색 노출, 고객 응대, 운영 관리까지 함께 고려하여 기능을 확장하고 있습니다.

⑥ 반응형 프론트엔드 디자인

리빌더를 기반으로 PC와 모바일 환경을 모두 지원하는 반응형 인터페이스를 구성하고 있습니다.

화이트와 연한 핑크 계열을 중심으로 브랜드의 부드러운 분위기를 표현하면서도, 쇼핑몰에서 중요한 정보 전달력과 사용성을 우선하고 있습니다.

상품 목록, 상세페이지, 검색, 회원 화면 등 주요 사용자 경험을 지속적으로 개선하고 있습니다.

03. 시스템 설계 및 개발 방향

이 프로젝트에서 중요하게 고려하는 부분은 기존 솔루션과의 호환성 및 지속적인 유지보수 가능성입니다.

그누보드5와 영카트는 이미 다양한 운영 기능을 제공하는 솔루션이기 때문에, 모든 기능을 새로 개발하는 대신 기존 구조를 이해하고 활용하는 방향을 선택했습니다.

개발 과정에서는 다음 원칙을 적용하고 있습니다.

• 가능한 한 그누보드·영카트 코어의 기존 동작 유지
• 독립 가능한 기능은 별도 플러그인 또는 관리자 기능으로 분리
• 솔루션 및 빌더 업데이트 시 변경사항을 비교하고 병합할 수 있는 구조 지향
• PC·모바일 환경의 동작과 사용성 함께 검토
• 실제 운영 과정에서 발견된 불편함을 기준으로 기능 개선

물론 기능을 확장하는 과정에서 장바구니, 주문서, 모바일 레이아웃 등 기존 기능과 충돌하는 문제도 경험했습니다.

이러한 문제를 해결하며 솔루션 내부 구조를 이해하고, 새로운 기능의 구현뿐 아니라 기존 기능의 안정적인 유지가 중요하다는 점도 배워가고 있습니다.

04. 프로젝트의 특징

소소도담은 단순한 쇼핑몰 제작을 넘어 실제 운영 환경에 맞춰 관리 기능을 확장하고 있다는 점이 특징입니다.

특히 상품등록과 콘텐츠 관리처럼 반복 빈도가 높은 작업을 중심으로 개선 기능을 개발하고 있습니다.

또한 이미 구현된 그누보드·영카트 기능을 최대한 활용하면서 필요한 부분만 확장하여, 개발 자유도와 기존 시스템의 호환성 사이에서 균형을 맞추고자 합니다.

현재까지 개발한 기능들은 실제 쇼핑몰 운영에 활용하는 것을 목표로 지속적으로 검토하고 보완하고 있습니다.

05. 향후 개발 계획

현재도 상품등록, 분류 관리, 이미지 처리, 프론트엔드 디자인을 중심으로 고도화 작업을 진행하고 있습니다.

앞으로는 관리자 기능의 완성도를 높이고, 상품 관리와 콘텐츠 제작 과정에서 발생하는 반복 업무를 더욱 줄이는 방향으로 개발을 이어갈 예정입니다.

개발 과정에서 독립적으로 활용할 가치가 있는 기능들은 별도의 확장 도구로 정리하고, 상품 일괄등록 및 분류관리 시스템 등의 구현 경험도 공유할 계획입니다.

마치며

처음에는 작은 잡화 쇼핑몰 하나를 만들기 위해 시작한 프로젝트였습니다.

하지만 실제 운영에 필요한 기능을 하나씩 구현하다 보니, 지금은 쇼핑몰뿐 아니라 운영을 지원하는 관리 시스템까지 함께 개발하고 있습니다.

아직 완성 단계는 아니지만, 실제로 사용할 서비스를 직접 설계하고 문제를 해결하면서 기능을 발전시켜 나가고 있다는 점에서 의미가 큰 프로젝트입니다.

작은 쇼핑몰에서 시작해, 운영의 불편함을 직접 해결하는 커머스 플랫폼으로 발전시키는 과정.

소소도담의 개발은 현재도 진행 중입니다.

소소도담 · SOSODODAM
Small Things, Lovely Days.