사용 설명서 가이드
1. 로그인 및 대시보드 사용법
로그인 단계
admin-login.html 주소로 접속하면 로그인 폼이 나타납니다. 미리 적혀있는 임시 아이디(admin)와 비밀번호(gtbio2026!)를 그대로 사용해 로그인 단추를 누릅니다.
운영 지표 분석
로그인 시 나타나는 5가지 핵심 카드(오늘 방문, 월 누적 방문, 총 누적 방문, 문의 접수 건, 동영상 클릭 건)를 통해 전반적인 사이트 동향을 실시간 모니터링합니다.
도메인 정보
도메인은 공식 도메인 www.thegtbio.com/admin.html로 바로 매핑되도록 처리되어 있습니다.
2. 홍보 동영상 및 카테고리 관리
동영상 추가 및 YouTube 주소 등록
원하는 카테고리(분야)를 선택하고 영상 제목과 YouTube 주소를 넣습니다. 주소는 일반 주소 또는 모바일 단축 주소를 모두 지원하며, 썸네일은 YouTube API를 거쳐 고화질로 자동 생성됩니다.
순서 정렬 및 시각 하이라이트 피드백
• 화살표 이동: 정렬 순서 ▲ / ▼ 단추로 순번을 1칸씩 위아래로 조작합니다.
• 직접 입력: 순서 숫자 칸에 원하는 정렬 숫자를 직접 입력하여 저장할 수도 있습니다.
• 연녹색 하이라이트: 순서를 변경하면 조작 중인 줄 전체가 3초 동안 은은한 연녹색 배경으로 하이라이트되었다가 서서히 사라져, 리스트 내 위치를 편안하게 추적하도록 돕습니다.
동영상 30일 NEW 배지 및 보기 모드 전환
• 신제품 자동 배지: 등록일 기준 30일 동안 자동으로 빨간색 NEW 라벨이 표출됩니다. 등록/수정 모달에서 "NEW 표시 숨기기"를 체크하여 강제로 가릴 수도 있습니다.
• 앞단 1열/2열/3열 보기 토글: 프론트 동영상 화면 우측 상단에 3가지 레이아웃(목록형 1열, 기본 2열, 3열 그리드) 수동 전환 버튼이 추가되어, 유저가 선호하는 뷰로 감상할 수 있습니다.
카테고리(분야) 확장
'카테고리 관리' 입력창에 ID(영문 소문자 고유명)와 한글 표시 이름, 순서를 넣고 저장하면 새 분야 필터가 즉시 적용됩니다.
⚠️ 주의사항
동영상 URL 주소는 반드시 정상적으로 재생되는 YouTube 비디오 링크여야 에러 없이 표출됩니다.
3. 공지사항, 제품 소개, 메인 팝업 배너
공지사항 배포
공지 관리 버튼을 누르면 작성 폼이 슬라이드 아웃되어 나옵니다. 제목과 상세 텍스트를 기입하여 켜두면 프론트 공지란에 실시간으로 개시됩니다.
신제품 (NEW) 자동 표시 및 수동 제어
• 자동 NEW 적용 정책: 신규로 등록한 제품은 등록일 기준 30일 동안 자동으로 NEW 배지가 표시되며, 제품소개 목록(products.html)의 최상단(1순위)으로 자동 노출됩니다. (기존 기본 17개 제품은 NEW 배지가 기본적으로 노출되지 않습니다.)
• NEW 표시 수동 숨기기: 제품 등록/수정 시 "NEW 표시 숨기기" 옵션을 활성화하면 30일 이내인 신제품이더라도 프론트 화면에서 NEW 배지를 감출 수 있습니다.
• 대표 제품: 메인 홈페이지(index.html) 주력 상품 그리드 섹션에 노출됩니다.
• 노출 (ON/OFF): 선택 해제 시 사이트에서 제품을 임시 숨김 처리합니다.
제품소개 상세 스펙 작성법
제품 등록/수정 시 표 형식으로 렌더링될 스펙 정보는 다음 예시와 같은 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 적용 버튼을 누르면 실시간 데이터베이스가 해당 과거 시점으로 자동 롤백 및 복원됩니다.