카페24 커스텀 자사몰 개발기: ① 쇼핑몰 솔루션 선택하기
다음 글: 카페24 커스텀 자사몰 개발기: ② 카페24 App + GCP로 관리자 데이터 가져오기
📜 요약
웹개념이 없는 사람이 커스터마이징 가능한 쇼핑몰 솔루션 찾는 과정.(2022년 11월)
커스텀 내용: 관리자데이터(판매량)를 홈페이지에 가져와 수치, 이미지 보여주기
솔루션 선정 과정
- 커스텀 가능 여부 확인: 솔루션 업체 문의 → 프로토타이핑
- 커스텀 영역이 프론트엔드 코드 수정, 관리자API 제공 여부임을 깨달음
- 결론: 아임웹 불가능, 고도몰과 카페24 가능
- 최종 선택: 카페24 (구독료 없음)
2025년 3월 조사 결과
- 고도몰 DB 접근 용이
- 아임웹 직접 기능 추가 가능
깨달음, 아쉬움
- 기능 커스텀 범위는 소스코드 수정, DB 접근 가능여부로 파악하기
- 관리자페이지 인터페이스 운영, 관리 편의성도 고려할 것
프로젝트 소개
카페24를 커스텀하여 자사몰을 구축하는 외주 프로젝트를 진행했습니다. 고객 요구사항 중 카페24에서 지원하지 않는 기능이 있어 별도로 개발을 진행했습니다. 프로젝트 기간은 2022년 11월 ~ 2023년 4월입니다. 본 글은 당시 노트를 기반으로 작성했습니다. 최대한 현재 유효한 정보인지 확인하고, 그렇지 않은 부분은 하단에 추가 설명을 달았습니다.
* 현재 운영 중인 서비스라 서비스명은 밝히지 않았습니다.
🔧 프로젝트 각 단계에 사용된 기술
- 쇼핑몰 솔루션:
- 디자인
- 카페24 디자인센터 유료 스킨 (+ 고객사 자체 디자인 적용)
- 카페24 미지원 기능 추가 개발 (기능 커스텀)
프로젝트 전 과정을 여러 편에 나누어 작성할 예정입니다. 이 글은 시리즈의 첫번째 글입니다. 고객사의 요구사항을 확인하고 기획에 맞는 쇼핑몰 솔루션을 선택하기까지의 내용을 다루겠습니다. 추가 개발이 필요했던 기능을 각 쇼핑몰 솔루션에서 구현 가능할지 판단하는 과정에 대한 내용이 중심입니다.
📍 핵심 요구사항 확인
쇼핑몰을 자체 개발하는 것은 굉장한 비용과 시간이 듭니다. 고객에게 보여지는 페이지뿐 아니라 디자인 관리 페이지, 회원, 주문, 배송, 공지글 등 쇼핑몰의 모든 것을 관리하기 위한 관리자 페이지까지 생각해야합니다. 자사 개발자가 없다면 기능 확장, 수정에도 제약이 큽니다. 고객사의 예산 및 주어진 프로젝트 기간, 추후 관리 편의를 고려하여 쇼핑몰 솔루션을 사용하는 방향으로 가기로 했습니다.
고객사는 실리콘 소재의 친환경(다회용) 용기를 판매하는 기업이었습니다. 요구사항은 크게 두가지였습니다.
- 온라인 제품 판매 채널. 타사와 차별화된 브랜딩을 위해 자사몰로 구축 (스마트스토어 X)
- 친환경 제품을 구매(사용)함으로 인해 달성한 탄소 저감 효과를 홈페이지에 보여줄 것
- 제품 판매량 → 개당 탄소 저감 효과 수치로 환산
- 환산된 탄소 저감 수치를 시각적으로, 이미지로 보여주기
제품 판매를 위한 기능에 대한 상세 기획이나 특이한 요구사항은 없었습니다. 자사 이미지가 잘 전달될 수 있도록 고객사에서 직접 제작한 디자인을 적용하는 것 정도였습니다. 두번째 요구사항이 특별했습니다. 특정 데이터를 프론트에 가져와 탄소 저감 수치 도출 계산식을 적용하고, 이에 어울리는 이미지를 보여줘야했습니다. 위 요구사항을 토대로 적합한 쇼핑몰 솔루션을 찾아보기로 했습니다.
🚀 솔루션 선정 과정
많이 이용하는 웹빌딩 솔루션으로 아임웹, 카페24, 고도몰, 식스샵, 메이크샵 정도를 찾을 수 있었습니다. 요구사항에 적합한 솔루션을 추리기 위해 아래와 같이 기준을 설정했습니다.
- 요구사항-2 구현 가능 여부
- 기능 및 디자인 커스텀 가능 여부
- 운영 비용
- 추후 관리, 운영 편의성
- 쇼핑몰 관리를 위해 필요한 기능(회원, 주문 및 배송, 판매 통계 등) 다양성, 지원 여부
커스터마이징 가능여부를 우선순위에 두기로 했습니다. 첫번째 요구사항(제품 판매)은 대부분의 쇼핑몰 솔루션에서 기본적으로 지원하는 기능에 포함될 것이라고 봤습니다. 위 솔루션 중 하나를 사용한다면 적어도 제품 판매 자체가 불가능한 경우는 없습니다. 반면 두번째 요구사항은 쇼핑몰 필수 기능이 아니기 때문에 각 솔루션 자체 기능만으로 구현이 어려울 가능성이 높다고 생각했습니다. 솔루션을 사용하게 되면 기능, 디자인이 쇼핑몰이 제공하는 범위에 한정될 것입니다. 예를 들어 쇼핑몰 랜딩페이지에 '제품을 가장 많이 구매한 고객 top 10'과 같은 것을 보여주고 싶다고 하겠습니다. 도입한 솔루션의 페이지 디자인 작업 인터페이스에서 고객별 구매량 데이터 제공하지 않으면 이 기능은 구현이 불가능한 것입니다. 그런 경우, 적어도 직접 개발할 수 있는 기능을 지원해야합니다. PG사 계약, 제품 등록, 등 쇼핑몰 세팅을 모두 마친 후에 기능 구현이 불가능함을 알게 된다면 낭패입니다.
후보 추리기
아임웹, 카페24, 고도몰, 식스샵, 메이크샵 중 위 기준에 적합한 솔루션이 무엇인지 좁혀가 봤습니다.
후보 1. 아임웹: https://imweb.me/
첫번째 후보는 아임웹이었습니다. 다른 프로젝트를 통해 경험한 바 있어 우선으로 알아보기 시작했습니다. 아임웹은 관리자 페이지 인터페이스가 직관적입니다. WYSIWYG 방식으로 홈페이지 디자인이 가능하며 반응형 UI를 기본으로 제공합니다. 전반적으로 운영, 관리 편의성이 훌륭합니다. 사실 솔루션 조사 과정에서 아임웹은 추가 기능 구현이나 기능 커스텀이 거의 불가능하다는 글을 많이 보았습니다. 그럼에도 위와 같은 인터페이스 편의성 때문에 실제로 요구사항-2 구현이 불가능한지 직접 확인해보기로 했습니다.
요구사항-2 구현 가능 여부 확인을 위해 프론트엔드에서 특정 숫자나 이미지를 보여줄 수 있는지 조사했습니다. 한 업체의 글을 통해 약간의 html 코드 수정이 가능하다는 점, 실시간으로 변하는 숫자를 페이지에 넣을 수 있다는 점을 확인했습니다.
출처: designstudiom
문제는 숫자, 이미지로 보여줄 판매량 데이터를 가져오는 기능을 찾을 수 없었습니다. 결국 아임웹 고객센터에 직접 문의를 했습니다. 문의 결과, 아쉽게도 해당 요구사항은 아임웹에서 제공하는 기능으로 구현이 불가능하다는 답을 받았습니다.
아임웹은 판매량 데이터 접근 및 기능 커스텀이 불가능하여 후보에서 제외(2022년 11월 기준)
+
식스샵, 메이크샵도 아임웹과 같은 이유로 후보에서 제외하였습니다. 아주 제한적으로 html을 수정하여 디자인을 변경할 수 있는 수준이었습니다. 판매량 데이터를 가져오는 기능은 없었습니다.
후보 2. 고도몰, 카페24
남은 후보는 고도몰, 카페24였습니다. 가장 많이 이용하는 쇼핑몰 솔루션입니다. 둘 모두 디자인 관리와 운영 편의성도 모두 준수하고 회원, 쿠폰, 상품, 주문 관리 등 쇼핑몰 운영에 필요한 웬만한 기능을 잘 갖추고 있었습니다. 솔루션 조사 당시 많은 글에서 디자인 및 기능도 커스텀할 수 있도록 지원하는 것으로 확인했었습니다. 솔루션에서 지원하지 않는 기능이 있을 경우 제휴된 업체(카페24 Expert, 해드림)를 통해서 커스텀을 의뢰하는 것도 가능했습니다. 구현 가능한 여러가지 옵션이 열려있으니 일단은 후보군을 고도몰, 카페24 두곳으로 좁혀도 되겠다고 판단했습니다.
후보 > 고도몰, 카페24
커스텀 지원 범위 확인하기
이제 중요한 것은 커스터마이징 범위가 프로젝트 요구사항을 커버하는지 확인하는 것이었습니다. 개발 착수 전에 가장 신경을 많이 썼고, 오래 걸린 부분입니다. 검증이 필요한 커스텀 기능의 동작을 정리해보니 다음과 같았습니다.
- 자사몰 홈페이지 화면에 제품 판매량을 가져온다
- 판매량 수치를 특정 계산식을 거쳐 탄소 저감 수치로 환산한다
- 환산된 수치를 시각적 이미지로 보여준다. 수치 변화에 따라 이미지도 변하도록 한다.
카페24, 고도몰 각각 가입하여 쇼핑몰 기본세팅을 준비하고, 위 동작의 핵심 기능만 간단히 구현해보기로 했습니다. 맨 먼저 만난 것은 각 솔루션의 디자인 소스코드 수정 기능입니다. 둘 모두 관리자페이지에서 소스코드를 수정하여 디자인을 변경할 수 있도록 제공하고 있었습니다. 페이지에 텍스트를 추가하는 것을 포함하여 폭넓은 소스코드 수정이 가능하며 관리자 정의 변수 등을 가져올 수 있는 것도 확인했습니다. 그러나 아임웹과 동일한 문제에 봉착했습니다. 판매량 데이터를 가져오는 방법은 찾을 수 없었습니다.
결국 확인을 위해 카페24, 고도몰 각각의 고객센터에 다음과 같이 문의하였습니다.
10가지 종류의 운동 기구를 판매하려합니다. 쇼핑몰 제작에 앞서 쇼핑몰 페이지에서 보여주고자 하는 것이 구현 가능한지 문의드립니다. 메인 페이지에 각 제품의 판매량 데이터를 가지고 다음과 같은 것을 보여주고 싶습니다.
- 현시점까지 판매된 제품의 총 금액
- 현시점까지 판매된 아령 + 덤벨의 총 무게 (kg)
- 아령 + 덤벨의 총 무게에 따라 다른 이미지를 보여주고싶습니다.
→ 1000kg 달성했을 때 아기 코끼리, 2000kg 달성했을 때 소년 코끼리, 3000kg 달성했을 때 어른 코끼리, …
질문 1, 2는 제품의 판매량 데이터를 가져오는 것이 가능한지, 질문 3은 그 데이터를 갖고 프론트에서 특정 계산식을 적용하는 것이 가능한지 확인하기 위한 질문이었습니다. 뜻밖에도, 카페24와 고도몰 모두 긍정적인 답을 받지 못했습니다.
카페24 1:1문의 답변
고도몰 1:1문의 답변
조사를 통해 기능 커스텀이 가능한 것으로 확인했는데 이상했습니다. ‘“가능하다”는 것이 제휴 업체를 통해서만 가능하다는 것인지’ 등 카페24, 고도몰에 후속 문의, 전화 상담을 진행했습니다.
고도몰 재문의
돌아보니, 웹 지식이 없어서 기술적으로 정확한 질문을 하지 못했던 것 같습니다. 약 일주일에 걸쳐 5-6번 가량 재문의하고 재시도하길 반복했습니다. 이 과정을 거치면서 각 솔루션의 Admin API, 개발자센터, 앱, 플러그인 구조가 조금 그려졌습니다. 결국 고도몰, 카페24 모두 고객사 요구사항을 커스텀으로 구현 가능하다는 결론에 도달할 수 있었습니다.
고도몰, 카페24 모두 커스텀 기능 구현 가능
고도몰, 카페24의 커스텀 기능
1. 소스코드 수정
각 업체에서 제공하는 인터페이스와 가이드라인을 따라 커스텀할 수 있도록 되어있습니다. 카페24의 경우 관리자페이지의 디자인 수정 메뉴에서 html, css, javascript 수정하여 디자인을 변경할 수 있도록 지원합니다. 고도몰도 마찬가지로 소스코드 수정을 통한 디자인 변경이 가능합니다. 고도몰은 추가로 약간의 모듈 수정도 가능합니다.
카페24 스마트디자인:
- https://www.cafe24.com/commerce/design/smart.html
고도몰 디자인 수정:
- 고도몰 디자인 스킨 수정하기
고도몰 모듈 수정:
- 고도몰 튜닝 가이드
- 사용자 페이지 수정하기
2. 쇼핑몰 데이터 접근
쇼핑몰 데이터는 프론트에서 바로 접근 가능한 데이터(이하 "프론트 데이터")와 Admin API 호출을 통해 접근가능한 데이터(이하 "Admin 데이터")로 나뉩니다. 필요한 데이터가 Admin 데이터에 속하는 경우 Admin API를 호출하기 위한 인증키를 발급받아야 합니다.
아래 링크는 모두 현재(2025년 2월) 기준입니다. 프로젝트 당시와는 차이가 있을 수 있습니다.
고도몰 프론트 데이터 리스트:
http://doc.godomall5.godomall.com/godo/database/table_layout.php
고도몰 Admin API:
https://devcenter.nhn-commerce.com/godomall5/openapi/spec
카페24 프론트 데이터 (카페24 변수):
https://sdsupport.cafe24.com/board/tip/read_intro.html?no=191&board_no=5
카페24 Admin API:
https://developers.cafe24.com/docs/api/admin/#api-index
카페24의 경우 카페24앱을 통해 Admin API를 호출할 수 있도록 돼있었습니다. 카페24앱은 카페24 쇼핑몰에 설치할 수 있는 플러그인이라고 보시면 됩니다. 카페24에서 지원하지 않는 기능을 제휴 업체 또는 개발자센터에 등록된 개발자가 직접 개발하여 카페24 앱스토어에 등록합니다. 쇼핑몰 관리자는 필요한 기능이 스토어에 플러그인 중에 있다면 쇼핑몰에 설치하여 사용할 수 있습니다. 개발 능력이 있다면, 쇼핑몰에 필요한 기능을 직접 만들면 됩니다. 앱을 앱스토어에 등록하지 않아도 내 쇼핑몰에 설치는 가능합니다. 필요한 기능을 카페24앱으로 개발하고, 자사 쇼핑몰에 설치해서 사용하시면 됩니다.
카페24 앱 제작하여 기능 추가하기:
https://developers.cafe24.com/app/front/common/concepts/appconcepts
고도몰, 카페24 둘의 커스텀 방식에 차이는 있으나 기본적인 개념은 비슷했습니다. 관리자페이지를 통해 프론트엔드 소스코드 수정이 가능하며 API를 사용하여 관리자데이터를 가져올 수 있음을 확인했습니다.
✌ 최종선택은 카페24
최종 선택한 솔루션은 카페24였습니다. 고도몰, 카페24 모두 프로젝트의 요구사항을 만족했습니다. 대부분의 조건에서 비슷했으나 비용에서 차이가 났습니다. 카페24는 무료로 시작이 가능했습니다. 반면 고도몰은 기능 커스텀이 가능하려면 적어도 Pro 플랜을 이용해야 했습니다. 고도몰의 Pro 플랜은 이용료가 월 33,000원으로 1년에 40만원 가까운 비용이 발생합니다. 카페24는 사용하는 부가기능에 따라 추가 비용이 들 수 있으나, 고객사의 요구사항을 고려했을 때, 무료로 시작하는 것이 더 유리하다고 판단했습니다.
😓 돌아보니 아쉬운 것
커스텀 지원 범위 파악에 시간 소요
고도몰, 카페24의 기능 커스텀 지원 범위 확인 하는 데에 생각보다 많은 시간이 소요되었습니다. 당시 웹개발이 처음이라, 웹 구조에 대한 개념이 없었습니다. 정확히 어떤 부분에 초점을 맞춰 물어봐야하는지 모르니 고객센터에 문의를 할 때도 질문이 두루뭉술해졌습니다. 돌아보니 기획자/클라이언트가 개발자에게 할 법한 질문에 더 가까워보입니다. 프로젝트를 진행하면서 웹의 퍼즐을 하나씩 맞춰갔습니다. 어느정도 퍼즐이 맞춰지니, 문의했던 내용에 대한 문서가 이미 있다는 것도 깨닫게 됐습니다.
다음과 같이 검색했더라면, 또는 다음과 같이 질문을 했더라면 좀 더 빠르고 명확하게 답을 내릴 수 있지 않았을까 싶습니다.
- 소스코드 수정이 가능한지
- 수정 가능한 소스코드의 범위가 어디까지인지
- 판매량 데이터를 프론트에서 직접 접근 가능한지
- 판매량 데이터 접근이 가능한 API가 있는지
생각보다 중요한 관리, 운영 편의성
커스텀 기능 요구사항을 우선으로 솔루션을 결정하느라 관리, 운영에 대한 부분은 비교적 간과되었던 것이 아쉽습니다. 사실 개발자보다는 운영자를 위해서 고려할 필요가 있는 부분입니다. 쇼핑몰 런칭 후 5-6개월 정도 운영을 도와드렸습니다. 이미 다 세팅된 쇼핑몰 운영, 관리하는 것만 해도 따로 시간 들여 배워야할 정도로 기능이 많고 복잡다고 느꼈습니다. 특정 제품에 신규가입회원 쿠폰만 적용하려는 경우, 해당 쿠폰이 일정시간이 지나면 만료되도록 하고싶은 경우, … 디테일하게 설정하고 싶을수록 더 복잡합니다. 기능은 모두 갖추고 있지만, 기능이 많은 만큼 찾기가 어렵습니다. 런칭 후 두세달 간 카페24 고객센터 통화 문의 기록이 50건은 족히 될 것 같습니다.
쇼핑몰 솔루션마다 상품 정보, 가격, 회원, 판매 및 배송 정책 등 운영 관련 세팅해야하는 내용을 매뉴얼로 제공하고 있습니다. 매뉴얼을 따라 세팅을 해보시면서 어떤 솔루션이 편리한지 판단해보시면 좋을 겁니다. 쇼핑몰이 처음이라면 운영에 필요한 정책이 어떤 것이 있는지 파악하시는 데에도 도움이 되실 것입니다.
카페24 홈 대시보드 알아보기:
https://support.cafe24.com/hc/ko/articles/24147192065817-%ED%99%88-%EB%8C%80%EC%8B%9C%EB%B3%B4%EB%93%9C-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0
고도몰 관리자 화면 이해하기:
https://godomall-help.nhn-commerce.com/biginner/starter/admin
😝 기능 커스텀, 지금 다시 해도 카페24일까?
오래 전(2022년 말) 기록을 바탕으로 하기 때문에 현재는 유효하지 않은 정보가 있을 수 있다고 생각했습니다. 솔루션 선정의 핵심 기준이었던 커스텀 지원 범위를 중심으로 다시 조사해봤습니다. 당시에는 아임웹, 고도몰, 카페24 모두 관리자페이지에서 수정가능한 소스코드 내에서 직접 판매량 데이터를 가져오는 방법은 찾지 못했습니다. 조사결과, 카페24는 큰 차이가 없었습니다. 고도몰은 당시 파악했던 내용과 조금 차이가 있었습니다. 아임웹도 성장하여 그때와는 많이 달라졌습니다. 이제 아임웹도 카페24처럼 앱 제작을 통해 아임웹 내에서 Admin API를 호출할 수 있도록 지원합니다.
고도몰 프론트에 판매량 데이터 가져오기🙆
고객센터 통해 특정 제품 판매량을 가져오는 방법과, API 호출방식에 대해 문의했습니다. 현재 판매량은 API를 호출하지 않고도 고도몰에서 제공하는 테이블(프론트 데이터)에서 가져올 수 있다고 답을 받았습니다.
고도몰 1:1문의 (2025년 2월 25일)
답변 내용대로, 프론트에서 접근가능한 데이터 리스트에 위 판매량 데이터가 있음을 확인했습니다.
- Godomall 5 database
아임웹 개발자센터🐣
아임웹도 카페24와 유사하게 앱스토어를 통해 쇼핑몰에 기능을 추가할 수 있습니다.
- 아임웹 앱스토어
기능을 개발하고 앱스토어에 등록하려면 아임웹 개발자센터로 가야합니다. 좌측 상단에 'Developers beta'라 돼있는 것을 보니 공개된 지 얼마 안 된 것 같습니다.
- Imweb Developers
예전 개발자 센터(API) = 외부 서비스에서 접근용
전에도 개발자 센터가 있었습니다. 차이가 있다면, 이때는 아임웹이 아닌 타서비스에 API를 제공하는 목적이었습니다. 아래는 이전 API 문서의 소개글입니다.
- Imweb Developers (old)
Imweb developers (현재!)
현재는 카페24처럼 아임웹 개발자센터를 통해 누구나 앱을 만들고 아임웹 앱스토어에 등록할 수 있게 되었습니다. 단, 개발한 앱을 자신의 쇼핑몰에서만 사용하려는 경우에도, 앱스토어에 등록되어 모든 사용자에게 노출됩니다. 또한 앱이 스토어에 게시되려면 승인 절차를 거쳐야 하는데 이 점은 프로젝트 진행의 허들이 될 것으로 보입니다.
API 레퍼런스를 보니, 주문 목록 조회도 가능합니다.
- Imweb Developers API Reference - Order
지금이라면 아임웹으로도 본 프로젝트 구현이 가능할지도 모르겠습니다. 당시에는 아임웹은 후보에서 제외되고, 비슷한 기능의 두 솔루션 중 저렴한 쪽을 선택했으니 보다 단순했습니다. 지금은 아임웹이 고려대상에 올라오고, 유료라서 선택하지 않았던 고도몰이 커스텀 지원 면에서 우위를 보입니다. 각 후보의 서로다른 장점이 절묘한 균형을 이뤄 더 복잡해졌습니다. 아임웹은 관리자인터페이스가 좋고, 고도몰은 커스텀 편의성이 좋습니다. 카페24는 무료입니다. 기능커스텀 가능성에 대한 검증이 끝난 상태라면, 쇼핑몰 관리자(고객사)가 어떤 점을 더 중요하게 생각하는지에 따라 결정하게 될 것 같습니다.
현재(2025년 2월) 조사 결과
- 고도몰은 Admin API 없이 상품 판매량 데이터 접근이 가능합니다.
- 아임웹도 개발자센터, 앱스토어를 직접 기능 추가가 가능합니다.
저의 개발블로그 첫 글이었습니다. 읽어주셔서 감사합니다🙏
