사용 설명서 가이드
1. 로그인 및 대시보드 사용법
로그인 단계
admin-login.html 주소로 접속하면 로그인 폼이 나타납니다. 미리 적혀있는 임시 아이디(admin)와 비밀번호(gtbio2026!)를 그대로 사용해 로그인 단추를 누릅니다.
운영 지표 분석
로그인 시 나타나는 5가지 핵심 카드(오늘 방문, 월 누적 방문, 총 누적 방문, 문의 접수 건, 동영상 클릭 건)를 통해 전반적인 사이트 동향을 실시간 모니터링합니다.
도메인 정보
도메인은 공식 도메인 www.thegtbio.com/admin.html로 바로 매핑되도록 처리되어 있습니다.
2. 홍보 동영상 및 카테고리 관리
동영상 추가 및 YouTube 주소 등록
원하는 카테고리(분야)를 선택하고 영상 제목과 YouTube 주소를 넣습니다. 주소는 일반 주소 또는 모바일 단축 주소를 모두 지원하며, 썸네일은 YouTube API를 거쳐 고화질로 자동 생성됩니다.
노출 상태 및 노출 순서 조절
각 행 우측에 있는 노출 (ON) 토글 버튼을 원클릭해 프론트 화면에 임시 노출을 숨기거나 켤 수 있으며, 정렬 순서 ▲ / ▼로 위아래 배치를 관리합니다.
카테고리(분야) 확장
'카테고리 관리' 입력창에 ID(영문 소문자 고유명)와 한글 표시 이름, 순서를 넣고 저장하면 새 분야 필터가 즉시 적용됩니다.
⚠️ 주의사항
동영상 URL 주소는 반드시 정상적으로 재생되는 YouTube 비디오 링크여야 에러 없이 표출됩니다.
3. 공지사항, 제품 소개, 메인 팝업 배너
공지사항 배포
공지 관리 버튼을 누르면 작성 폼이 슬라이드 아웃되어 나옵니다. 제목과 상세 텍스트를 기입하여 켜두면 프론트 공지란에 실시간으로 개시됩니다.
제품소개 상세 스펙 작성법
제품 등록/수정 시 표 형식으로 렌더링될 스펙 정보는 다음 예시와 같은 JSON 2차원 배열 형태로 넣어야 정상 표출됩니다. 예시: [["등록번호", "AA-102"], ["제형", "액상형"]]
메인 화면 레이어 팝업 모달
팝업 관리에서 긴급 공지 제목과 텍스트 내용을 기입하고 활성화해두면 메인 페이지 진입 시 안내 팝업창이 깔끔한 레이어로 자동 표출됩니다.
4. 문의사항 모니터링 및 상태 추적
신규 문의 접수 시 N 알림 깜빡임
홈페이지에서 새로운 바이어 및 고객 문의가 들어와 Supabase DB에 저장되면 좌측 사이드 메뉴의 '문의 관리' 항목 바로 우측에 빨간색의 N 알림 아이콘이 자동으로 활성화되어 바이어의 진입을 시각적으로 알려줍니다.
문의 상세 보기
접수 내역 우측의 상세 보기 단추를 원클릭하면 작성자의 연락처, 이름, 남긴 비즈니스 메시지 전문이 보기 쉬운 모달 경고창으로 나타납니다.
답변 처리 완료 시 배지 소멸
검토 및 피드백 전송 후 상태를 대기에서 답변완료 상태로 직접 클릭 전환하면, 더 이상 답변 대기 중인 문의가 존재하지 않는 한 왼쪽 메뉴의 빨간 N 배지가 즉각 화면에서 완전히 사라집니다.
5. 글로벌 진출 국가 등록 및 세계지도 핀 연동
기본 키 및 명칭 설정
진출 국가를 등록할 때 식별 ID(예: vietnam, japan)와 한글 국명, 소속 권역을 올바르게 세팅합니다.
위도(Latitude)와 경도(Longitude) 설정
세계 지도 위의 핀 위치를 잡는 공식입니다. 구글 맵 등에서 대상 지역을 마우스 우클릭하여 나타나는 소수 좌표(예: 위도 35.6762, 경도 139.6503)를 각 필드에 나누어 기입합니다.
핀 실시간 매핑
저장을 누르면 홈페이지 메인 하단 글로벌 네트워크의 인터랙티브 맵 위에 실시간으로 국가 핀포인트 정보가 매핑되어 렌더링됩니다.
6. 데이터 안전 백업 및 수동 복원
통합 백업 파일 생성
화면 오른쪽 위의 데이터 백업 버튼을 클릭하여 전체 통계 정보, 문의사항 접수 내역, 동영상 설정 파일들이 총망라된 JSON 압축 텍스트 파일을 로컬 하드에 저장합니다.
JSON 직접 수정 창 활용
하단에 있는 JSON 상세 정보 영역을 사용하여 다운로드 받아둔 백업 텍스트 전문을 그대로 덮어쓴 뒤 JSON 적용 버튼을 누르면 실시간 데이터베이스가 해당 과거 시점으로 자동 롤백 및 복원됩니다.