--°C 위치 확인 중... (날씨 정보 로딩)
🕒 0000. 00. 00. (토) 00:00:00
사이트 보기
GT BIO SYSTEM

사용 설명서 가이드

1. 로그인 및 대시보드 사용법

1

로그인 단계

admin-login.html 주소로 접속하면 로그인 폼이 나타납니다. 미리 적혀있는 임시 아이디(admin)와 비밀번호(gtbio2026!)를 그대로 사용해 로그인 단추를 누릅니다.

2

운영 지표 분석

로그인 시 나타나는 5가지 핵심 카드(오늘 방문, 월 누적 방문, 총 누적 방문, 문의 접수 건, 동영상 클릭 건)를 통해 전반적인 사이트 동향을 실시간 모니터링합니다.

3

도메인 정보

도메인은 공식 도메인 www.thegtbio.com/admin.html로 바로 매핑되도록 처리되어 있습니다.

2. 홍보 동영상 및 카테고리 관리

1

동영상 추가 및 YouTube 주소 등록

원하는 카테고리(분야)를 선택하고 영상 제목과 YouTube 주소를 넣습니다. 주소는 일반 주소 또는 모바일 단축 주소를 모두 지원하며, 썸네일은 YouTube API를 거쳐 고화질로 자동 생성됩니다.

2

노출 상태 및 노출 순서 조절

각 행 우측에 있는 노출 (ON) 토글 버튼을 원클릭해 프론트 화면에 임시 노출을 숨기거나 켤 수 있으며, 정렬 순서 / 로 위아래 배치를 관리합니다.

3

카테고리(분야) 확장

'카테고리 관리' 입력창에 ID(영문 소문자 고유명)와 한글 표시 이름, 순서를 넣고 저장하면 새 분야 필터가 즉시 적용됩니다.

⚠️ 주의사항

동영상 URL 주소는 반드시 정상적으로 재생되는 YouTube 비디오 링크여야 에러 없이 표출됩니다.

3. 공지사항, 제품 소개, 메인 팝업 배너

1

공지사항 배포

공지 관리 버튼을 누르면 작성 폼이 슬라이드 아웃되어 나옵니다. 제목과 상세 텍스트를 기입하여 켜두면 프론트 공지란에 실시간으로 개시됩니다.

2

제품소개 상세 스펙 작성법

제품 등록/수정 시 표 형식으로 렌더링될 스펙 정보는 다음 예시와 같은 JSON 2차원 배열 형태로 넣어야 정상 표출됩니다. 예시: [["등록번호", "AA-102"], ["제형", "액상형"]]

3

메인 화면 레이어 팝업 모달

팝업 관리에서 긴급 공지 제목과 텍스트 내용을 기입하고 활성화해두면 메인 페이지 진입 시 안내 팝업창이 깔끔한 레이어로 자동 표출됩니다.

4. 문의사항 모니터링 및 상태 추적

1

신규 문의 접수 시 N 알림 깜빡임

홈페이지에서 새로운 바이어 및 고객 문의가 들어와 Supabase DB에 저장되면 좌측 사이드 메뉴의 '문의 관리' 항목 바로 우측에 빨간색의 N 알림 아이콘이 자동으로 활성화되어 바이어의 진입을 시각적으로 알려줍니다.

2

문의 상세 보기

접수 내역 우측의 상세 보기 단추를 원클릭하면 작성자의 연락처, 이름, 남긴 비즈니스 메시지 전문이 보기 쉬운 모달 경고창으로 나타납니다.

3

답변 처리 완료 시 배지 소멸

검토 및 피드백 전송 후 상태를 대기에서 답변완료 상태로 직접 클릭 전환하면, 더 이상 답변 대기 중인 문의가 존재하지 않는 한 왼쪽 메뉴의 빨간 N 배지가 즉각 화면에서 완전히 사라집니다.

5. 글로벌 진출 국가 등록 및 세계지도 핀 연동

1

기본 키 및 명칭 설정

진출 국가를 등록할 때 식별 ID(예: vietnam, japan)와 한글 국명, 소속 권역을 올바르게 세팅합니다.

2

위도(Latitude)와 경도(Longitude) 설정

세계 지도 위의 핀 위치를 잡는 공식입니다. 구글 맵 등에서 대상 지역을 마우스 우클릭하여 나타나는 소수 좌표(예: 위도 35.6762, 경도 139.6503)를 각 필드에 나누어 기입합니다.

3

핀 실시간 매핑

저장을 누르면 홈페이지 메인 하단 글로벌 네트워크의 인터랙티브 맵 위에 실시간으로 국가 핀포인트 정보가 매핑되어 렌더링됩니다.

6. 데이터 안전 백업 및 수동 복원

1

통합 백업 파일 생성

화면 오른쪽 위의 데이터 백업 버튼을 클릭하여 전체 통계 정보, 문의사항 접수 내역, 동영상 설정 파일들이 총망라된 JSON 압축 텍스트 파일을 로컬 하드에 저장합니다.

2

JSON 직접 수정 창 활용

하단에 있는 JSON 상세 정보 영역을 사용하여 다운로드 받아둔 백업 텍스트 전문을 그대로 덮어쓴 뒤 JSON 적용 버튼을 누르면 실시간 데이터베이스가 해당 과거 시점으로 자동 롤백 및 복원됩니다.