섹션 설정·기사 목록
현재 테마의 섹션을 불러오는 중입니다.
섹션 조회 완료 · 섹션 설정과 기사 목록을 각각 저장해주세요. 공개 화면 연결은 별도입니다.
API 요청 중 섹션 필드 또는 API가 없다는 오류가 발생했습니다. 입력은 유지되며, 백엔드 반영 후 다시 요청할 수 있습니다.
섹션을 불러오거나 저장하지 못했습니다. API 연결 상태를 확인하고 다시 불러오기를 눌러주세요.
다른 창에서 변경된 섹션입니다. 입력 내용을 보관하고 다시 불러와주세요.
일부만 저장되었거나 저장 결과를 확인하지 못했습니다. 중복 등록을 막기 위해 저장을 멈췄습니다. 입력 내용을 보관하고 다시 불러와주세요.
저장 오류 확인 정보: {details}
섹션명, 섹션번호, 표시 개수와 광고 위치를 확인해주세요.
이 섹션을 변경할 권한이 없습니다. 권한이 있는 기존 메뉴에서 다시 열어주세요.
뉴스 섹션 메뉴의 작업 권한이 없습니다. 기존 메뉴에서 열거나 관리자에게 권한을 요청해주세요.
메뉴 권한을 확인하지 못했습니다. 연결 상태를 확인한 후 다시 불러오기를 눌러주세요.
저장할 행의 기사를 선택하거나 직접 링크의 제목과 올바른 주소를 입력해주세요.
한 섹션에는 최대 100개 항목을 연결할 수 있습니다.
처리할 행의 체크박스를 선택해주세요. 일괄 수정은 저장된 행에 적용됩니다.
새로 추가한 행을 먼저 저장한 후 순서를 변경해주세요.
기사
직접 링크
찾기
비우기
저장
표시하지 않는 섹션
선택한 연결을 삭제할까요? 기사·미디어 원본은 삭제하지 않습니다.
저장했습니다.
DB 저장은 완료했지만 캐시 갱신을 확인하지 못했습니다. 캐시 반영을 다시 실행해주세요.
미디어 라이브러리를 준비하고 있습니다. 잠시 후 다시 열어주세요.
미디어 라이브러리를 열지 못했습니다. 잠시 후 다시 시도해주세요.
사진을 설정할 섹션을 다시 선택해주세요.
선택한 미디어의 이미지 주소를 확인해주세요.
섹션명 변경
데이블 광고 추가
광고 설정·위치 변경
광고 삭제
데이블 광고
자동 광고번호: {number}
기준 섹션과 위·아래 위치를 선택하면 광고번호가 자동으로 표시됩니다.
광고번호: {number}
설정을 저장하면 광고번호가 자동 생성됩니다.
광고번호는 영문으로 시작하는 21자 이내의 영문·숫자·하이픈·밑줄로 입력해주세요.
실제 데이블 연결 정보는 나중에 설정할 수 있습니다.
광고
기준 섹션 위에 표시
기준 섹션 아래에 표시
위
아래
{section} · {position}
데이블 광고가 배치될 영역
관리자용 위치 미리보기 · 실제 광고는 송출하지 않습니다.
위젯 ID: {id}
서비스: {name}
기준 영역이 없어 위치를 다시 지정해야 합니다.
기준 섹션을 선택하세요.
이 데이블 광고 섹션을 삭제할까요? 기존 뉴스 섹션은 유지됩니다.
데이블 광고 배치를 저장했습니다.
데이블 광고 섹션을 삭제했습니다.
광고 이름, 기준 섹션, 위치와 미리보기 높이(80~800px)를 확인해주세요. 연결 정보를 입력했다면 발급 ID와 서비스명 형식도 확인해주세요.
이 페이지에 같은 데이블 위젯 ID가 이미 등록되어 있습니다.
편집 화면에는 페이지당 최대 20개의 광고 배치를 저장할 수 있습니다.
광고 섹션을 찾을 수 없습니다. 입력 내용을 보관한 후 새로고침해주세요.
공통
섹션번호는 영문으로 시작하는 21자 이내의 영문·숫자·하이픈·밑줄로 입력해주세요. 공통영역만 비워둘 수 있습니다.
이 페이지의 다른 영역에서 사용 중인 섹션번호입니다.
사진 설정
리스트 설정
사진을 등록해주세요
등록 {count}개 · 화면 표시 {limit}개
저장하지 않은 변경사항을 버릴까요?
위로 이동
아래로 이동
제외
추가
선택됨
기사 또는 직접 입력한 항목을 추가해주세요.
현재 사이트에서 검색된 뉴스 기사가 없습니다.
기사를 검색하고 있습니다.
섹션을 저장하고 있습니다.
섹션을 저장했습니다.
사진을 업로드하고 있습니다.
사진을 확인한 후 이 섹션 저장을 눌러주세요.
섹션명, 표시 개수, 사진 주소와 리스트 항목을 확인해주세요.
한 섹션에는 최대 100개 항목을 등록할 수 있습니다.
5MB 이하의 JPG, PNG, GIF, WebP 사진을 선택해주세요.
현재 테마가 변경되었습니다. 내용을 보관한 후 페이지를 새로 열어주세요.
다른 창에서 먼저 저장했습니다. 변경 내용을 보관한 후 새로고침해주세요.
현재 사이트에서 사용할 수 없는 기사가 포함되어 있습니다. 리스트를 확인해주세요.
섹션을 저장하지 못했습니다. 변경 내용은 유지됩니다. 잠시 후 다시 시도해주세요.
기사 목록을 불러오지 못했습니다. API 연결과 권한을 확인해주세요.
사진을 업로드하지 못했습니다. 다시 시도해주세요.
요청을 처리하지 못했습니다. 다시 시도해주세요.
로그인이 만료되었습니다. 변경 내용을 보관한 후 다시 로그인해주세요.
(*)필수항목 생략
작업 실패
상태에서는 삭제할 수 없습니다
삭제 확인
삭제 후 복구할 수 없습니다
삭제
계속하기
취소
복사할 수 없는 상태입니다
상태를 붙여넣을 수 없습니다.
데이터가 없습니다
작업 완료
현재 .env로 .env-sites/{theme}/.env를 덮어쓰시겠습니까?
.env를 테마 폴더에 복사했습니다.
유효한 테마명을 입력해주세요.
현재 .env 파일이 없습니다.
대상 .env-sites 테마 폴더가 없습니다.
.env 파일을 복사하거나 확인하지 못했습니다.
API 요청이 실패했습니다. 확인해주세요
오브젝트 스토리지 연결에 실패했습니다. 버킷 이름과 접근 권한을 확인해주세요.
.env 설정을 저장하지 못했습니다. 입력값과 파일 쓰기 권한을 확인해주세요.
.env 설정을 저장했습니다.
미확인
연결 확인 중
연결 성공
연결 실패
자체 DB 또는 로깅 안 함은 Cloud 연결 테스트가 필요하지 않습니다.
D1 요청에 실패했습니다. 로그용 설정과 테이블 준비 여부를 확인해주세요.
D1 테스트 로그 테이블을 준비했습니다.
테스트 로그를 D1에 저장했습니다.
D1에서 최근 로그를 조회했습니다.
저장된 테스트 로그가 없습니다.
파일 업로드 중 오류가 발생했습니다.
KeywordHostSites는 10개까지 입력 가능합니다.
web-tracking 설정을 찾을 수 없습니다.
토큰이 존재하지 않습니다.
마지막 항목 라인에서 편집을 완료합니다.
상태에서는 위아래로 움직일 수 없습니다
작업을 수행하려면 해당 라인의 확인란을 클릭하세요.
마지막 항목 라인이 제거되었습니다.
숫자를 입력하세요
AgentToken이 만료되었거나 비어 있습니다.
친구키등록목록에 친구목록 정보를 등록해주세요
SeqNo가 중복되었습니다. 작업 실패
복사할 항목을 선택하세요.
REPORT_SERVER_URL이 구성되지 않아 PDF를 생성할 수 없습니다.
이메일 주소를 입력해주세요.
문자 수신번호를 입력해주세요.
문자 제목과 본문을 입력해주세요.
문자 제목을 입력해주세요.
문자 본문을 입력해주세요.
이 이메일을 사용할 수 있습니다.
이 이메일은 이미 사용 중입니다.
닉네임을 입력해주세요.
사용 가능한 닉네임입니다.
이미 사용 중인 닉네임입니다.
유니멤버와 패밀리사이트에서 모두 사용 가능한 닉네임입니다.
유니멤버에서 이미 사용 중인 닉네임입니다.
패밀리사이트에서 이미 사용 중인 닉네임입니다.
유니멤버와 패밀리사이트에서 모두 사용 중인 닉네임입니다.
닉네임 중복확인에 실패했습니다.
닉네임 중복확인을 완료해주세요.
휴대전화 인증을 완료해주세요.
회원필수 정보가 변경되었습니다.
패밀리사이트의 닉네임으로도 복사하고 변경하시겠습니까?
유니멤버와 패밀리사이트의 회원필수 정보가 변경되었습니다.
유니멤버 정보는 변경되었으나 패밀리사이트 정보 변경에 실패했습니다.
회원필수 정보 변경에 실패했습니다.
비밀번호가 변경되었습니다.
비밀번호 변경에 실패했습니다.
다보리에서 전송된 이메일의 인증번호를 확인하세요.
인증 메일 전송에 실패했습니다.
이메일 인증이 완료되었습니다.
이메일 인증을 완료해주세요.
이메일과 인증번호를 입력해주세요.
이메일 인증번호를 다시 발송해주세요.
이메일 인증번호를 다시 확인해주세요.
확인
성함을 입력해주세요.
휴대전화 번호를 입력해주세요.
휴대전화 인증번호를 전송했습니다.
휴대전화 인증번호 전송에 실패했습니다.
휴대전화 번호와 인증번호를 입력해주세요.
인증번호를 다시 발송해주세요.
휴대전화 인증번호를 다시 확인해주세요.
휴대전화 인증이 완료되었습니다.
비밀번호를 입력해주세요.
비밀번호 확인을 입력해주세요.
비밀번호와 비밀번호 확인이 일치하지 않습니다.
자리 이상으로 입력해주세요.
특수 문자를 포함해주세요.
대문자를 포함해주세요.
해당 지점에는 재고가 없습니다.
쿠폰 지원 예정(홈페이지 보류)
상품 상세페이지 URL을 입력해주세요.
쿠폰을 받으실 이메일 주소를 입력해주세요.
쿠폰 적용 약관에 동의하셔야 합니다.
CAPTCHA에서 로봇이 아닙니다를 확인해주세요.
라우터 생성 및 블로그/상품 구분 연결 확인
현재 테마 라우터를 생성한 뒤 메인메뉴의 블로그/상품 구분 연결을 확인하시겠습니까?
표시할 메뉴가 없습니다.
메뉴 트리를 불러오지 못했습니다.
폴더 경로를 입력해주세요.
폴리싱을 실행하시겠습니까? 원본 파일은 -polishing-ori로 보관됩니다.
복구를 실행하시겠습니까? -polishing-ori 파일이 원래 파일명으로 복구됩니다.
작업 중입니다. 완료될 때까지 기다려주세요.
이미지 폴리싱 작업이 완료되었습니다.
이미지 폴리싱 작업이 완료되었지만 일부 오류가 있습니다. 로그를 확인해주세요.
다운로드할 로그가 없습니다.
이미지 폴리싱 요청이 실패했습니다.
폴더 목록을 불러오지 못했습니다.
하위 폴더가 없습니다.
오늘 청구 대상 구독을 결제 큐에 생성하시겠습니까?
오늘 구독결제 큐 생성 쿼리가 실행되었습니다.
구독결제 큐 생성에 실패했습니다. list-type1-insert API, subscription/subs-queue 쿼리와 GateToken 권한을 확인해주세요.
선택한 티켓플로우를 찾지 못했습니다.
메타코어가 비어있습니다.
메타플로우 전개 확인
메타플로우 전개를 하시겠습니까?
선택한 프로젝트를 찾지 못했습니다.
이미 등록된 담당자입니다.
토스 결제수단 인증창을 열지 못했습니다. 잠시 후 다시 시도해주세요.
토스 테스트 키 형식을 확인했습니다.
ClientKey와 SecretKey에 토스 테스트 키를 입력해주세요.
반복 과금조건 저장에 실패했습니다. item-recur-act API 등록과 권한을 확인해주세요.
반복 과금조건 저장 응답에서 ID를 확인할 수 없습니다.
반복 과금조건 저장 후 재조회에 실패했습니다. item-recur-page API를 확인해주세요.
강의 정보 저장에 실패했습니다. item-class-act API 등록과 권한을 확인해주세요.
강의 정보 저장 응답에서 ID를 확인할 수 없습니다.
강의 정보 저장 후 재조회에 실패했습니다. item-class-page API를 확인해주세요.
PNG 이미지 파일만 업로드할 수 있습니다.
택소 이미지 업로드에 실패했습니다.
먼저 게시글을 저장해주세요.
저장할 관련기사가 없습니다.
검색 중입니다.
업로드 폴더와 R2 목록을 확인 중입니다.
파일 변경 여부를 비교 중입니다.
새 파일과 변경된 파일을 R2에 업로드 중입니다.
변경된 파일이 없어 업로드를 생략했습니다.
R2 폴더 업로드가 완료되었습니다.
R2 폴더 업로드에 실패했습니다.
업로드 {uploaded}개 · 동일 파일 {skipped}개 · 전체 {total}개
MediaDisk를 R2로 선택하고 공개 MediaUrl과 버킷·키를 입력해주세요.
회원 업로드 검증 또는 반영을 완료하지 못했습니다. 권한과 연결 상태를 확인하고 다시 검사하세요.
현대 회원 업로드 메뉴 권한이 없습니다. 검사에는 사용·목록·조회, 업로드에는 생성, 정리에는 삭제 권한도 필요합니다.
중복 정리를 완료하지 못했습니다. 다시 검사하여 현재 상태를 확인하세요.
중복 검사 요청이 실패했습니다. 이 검사 요청은 데이터를 삭제하지 않습니다.
정리 완료 여부를 확인하지 못했습니다. 삭제를 바로 반복하지 말고 다시 검사하여 현재 상태를 확인하세요.
로그인 세션 또는 보안 토큰이 유효하지 않습니다. ERP에 다시 로그인하고 화면을 새로 고침한 뒤 검사하세요.
중복 정리 요청 경로를 찾을 수 없습니다. 관리자에게 hdunix ERP 라우트 배포와 라우트 캐시 확인을 요청하세요.
요청 값이 올바르지 않거나 검사 결과가 유효하지 않습니다. 화면을 새로 고침하고 다시 검사하세요.
짧은 시간에 요청이 너무 많았습니다. 잠시 기다린 뒤 다시 검사하세요.
서버에서 요청을 처리하지 못했습니다. 관리자에게 이 HTTP 상태와 member-maintenance 요청 경로를 전달해 서버 배포·연결 상태를 확인하세요.
서버 응답을 받지 못했습니다. 네트워크 연결을 확인한 뒤 다시 검사하세요.
서버 응답이 중복 정리 데이터 형식이 아닙니다. 로그인 화면으로 이동했거나 배포가 불완전할 수 있습니다. 다시 로그인한 후에도 같으면 관리자에게 요청 경로의 배포 상태를 확인하세요.
중복 고객
회원·고객 연결 확인 필요
중복 교육 주문
삭제 대상
전체 회원과 연결 데이터를 검사 중입니다. 아직 삭제하지 않았습니다.
보존 ID와 삭제 대상, 제외 사유를 확인하세요. 대상 확인란을 체크한 뒤 정리 버튼을 누르면 자동 백업 없이 삭제합니다.
현재 .env.dabory API로 고객·교육 주문 중복을 조회했습니다. 표시된 ID는 검토 대상이며 삭제 대상 확정이 아닙니다. 수료·진도·전체 연결 검증과 일괄 삭제 API가 연결되지 않아 자동 삭제는 비활성화됩니다. 데이터는 변경하지 않았습니다.
안전하게 자동 삭제할 중복이 없습니다. 표시된 제외 사유가 있으면 별도 확인이 필요합니다.
보존 기록을 남기고 표시된 중복을 자동 백업 없이 삭제할까요? 제외된 데이터는 삭제하지 않습니다.
최신 데이터를 다시 검사하고 중복을 정리 중입니다. 창을 닫지 마세요.
확인된 중복 정리가 완료되었습니다. 제외 건은 별도 확인하고 기존 회원 로그인은 다시 로그인하세요.
서버에 보관된 암호화 백업 파일
Video UID가 없습니다.
동영상 상태 확인에 실패했습니다. 잠시 후 다시 재생해주세요.
동영상 준비 시간이 길어지고 있습니다. 잠시 후 다시 재생해주세요.
동영상 재생 준비를 확인 중입니다.
잠시만 기다려 주십시요. 동영상 재생을 위하여 인코딩 작업중입니다...
카페24쇼핑몰 제작후기
- Home
- 카페24쇼핑몰 제작후기
[안경점 커머스 카페24쇼핑몰 구축후기] 종이 카탈로그를 손끝으로 넘기다: 백산광학 아이웨어 웹카탈로그 & POS/ERP 연동 구축 비하인드
오랜 전통과 깊은 신뢰를 바탕으로 국내 아이웨어 하우스 브랜드의 자리를 확고히 지켜온 (주)백산광학의 온라인 웹카탈로그 및 POS/ERP 연동 플랫폼 구축 프로젝트 후기입니다.
혁신적인 디자인과 엄격한 국내 자체 생산 품질 관리로 꾸준히 사랑받아온 백산광학의 제품 라인업을 오프라인 매장에서 더욱 효율적으로 보여주고, 현장 주문 및 매출 처리까지 일괄 자동화할 수 있도록 SPA 기반의 디지털 웹카탈로그 ‘비젼노트’를 완성했습니다.

👓 1. 백산광학 브랜드 & 구축 배경
― "전통 하우스 브랜드의 가치, 스마트 디지털 카탈로그로 재탄생"
백산광학은 학생부터 성인까지 전 연령대 소비 계층의 취향을 사로잡는 독창적인 아이웨어 라인업을 보유하고 있습니다.
차별화된 제품 라인업: 첨단 초경량 티타늄 소재로 가볍고 견고한 최고급 라인 ‘베스트(BEST)’, 기분에 따라 안경다리 2세트를 교체할 수 있는 아이디어 라인 ‘캡(CAP)’, 심플하면서도 신세대의 개성을 살린 ‘룩(LOOK)’ 시리즈
디지털 전환(DX)의 필요성: 종이 카탈로그의 수시 업데이트 한계를 극복하고, 안경점 매장 현장에서 실시간으로 렌즈 옵션 선택부터 POS 결제까지 이어지는 스마트 시스템 구축 추진
💡 2. 주요 기능 및 UI/UX 개발 특징
① 종이 감성을 담은 최초의 안경점 웹카탈로그 ‘비젼노트’
SPA(Single Page Application) 기반 리얼 넘김 효과: 마치 실물 종이 카탈로그를 넘겨보는 듯한 매끄러운 터치 인터랙션과 테마 디자인을 구현하여 오프라인 매장 상담 시 뛰어난 몰입감 제공
맞춤형 렌즈 옵션 구성: 안경/콘택트 렌즈 특유의 세밀한 옵션(굴절률, 코팅, 컬러, 초점 등)을 소비자가 직관적으로 추가·선택 가능
② 매장 POS/ERP 실시간 장바구니 결제 연동
📐 3. 백산광학 시스템 아키텍처 요약
구분 | 주요 개발 기술 및 구성 |
|---|
운영 환경 | PHP 7.3 / MariaDB 6.4 |
시스템 구조 | 워드프레스(WordPress) 솔루션 + 커스텀 PHP / Go(Golang) API 결합 |
주요 프레임워크 | WordPress, Laravel 7, Golang |
핵심 연동 | SPA 기반 웹카탈로그 프론트엔드 + 매장 POS/ERP 실시간 주문 데이터 연동 |
🚀 4. 프로젝트 총평 및 성과
백산광학 웹카탈로그 프로젝트는 단순한 제품 소개 사이트를 넘어, 안경점 현장 영업의 효율을 끌어올리고 자사 POS/ERP 결제 체계와 밀접하게 연동된 커머스형 디지털 플랫폼의 모범 사례입니다.
SPA 기술이 주는 감각적인 UX 경험과 안경/렌즈 특화 옵션 빌더, 그리고 즉각적인 결제 시스템 구축을 통해, 안경 프랜차이즈 점주와 소비자 모두에게 높은 호평을 받으며 백산광학의 브랜드 가치를 한층 더 높였습니다.
▶ 개인정보의 수집 및 이용목적
- 서비스 이용에 따른 본인식별, 실명확인, 가입의사 확인, 서비스이용
- 신규 서비스 등 최신정보 안내 및 개인맞춤서비스 제공을 위한 자료
- 기타 원활한 양질의 마케팅 서비스 제공 등
▶ 수집하는 개인정보의 항목
- 이름, 이메일, 핸드폰번호, 그 외 선택항목
▶ 개인정보의 보유 및 이용기간
- 원칙적으로 개인정보의 수집 또는 제공받은 목적 달성 시 지체 없이 파기합니다.
- 다만, 원활한 서비스의 상담을 위해 상담 완료 후 내용을 1년간 보유할 수 있으며 소비자보호에 관한 법률 등 타법률에 의해 보존할 필요가 있는 경우에는 일정기간 보존합니다.
댓글쓰기