Lectm - Smart Edu Solution

개요

기본 설정은 사이트의 정체성과 운영 방식을 정하는 화면이에요. 사이트 이름과 색상·폰트 같은 디자인 토큰, 로고·파비콘, 이메일 알림, 유지보수 모드, 검색·공유용 SEO 정보, 사용자 정의 CSS, 소셜 로그인까지 한 곳에서 관리해요. 화면 맨 아래 설정 저장 버튼 하나로 전체 영역이 한 번에 저장돼요.

기본 정보

항목	설명
사이트 이름 (필수)	헤더·메일·문서 곳곳에 쓰이는 사이트 표시 이름이에요. 비워두면 저장할 수 없어요.
사이트 주소	`{사이트명}.lectm.com` 형태의 기본 주소예요. 읽기 전용이며 변경할 수 없어요. 자체 도메인은 "도메인" 메뉴에서 연결해요.

테마 설정

색상 6종과 웹폰트를 관리해요. 저장하면 공개 사이트에 즉시 반영돼요.

프리셋 팔레트 — 미리 준비된 색상 조합을 한 번 클릭해 6색을 한꺼번에 채워요. 적용 후 개별 색상을 더 다듬을 수 있어요.
색상 6종 — 컬러 피커 또는 HEX 값 직접 입력으로 지정해요.
- 주요 색상 (Primary) — 버튼·링크 등 핵심 강조
- 보조 색상 (Secondary) — 보조 강조
- 강조 색상 (Accent) — 포인트 요소
- 배경 색상 (Background) — 페이지 배경
- 텍스트 색상 (Text) — 본문 글자
- 테두리 색상 (Border) — 카드·구분선 경계
웹폰트 — 한국어·영문 탭으로 폰트를 골라요. 카드를 누르면 미리보기 글자로 분위기를 확인할 수 있고, 선택하면 아래에 미리보기가 떠요. 시스템 기본을 누르면 별도 웹폰트 없이 기기 기본 글꼴을 사용해요.

로고 · 파비콘

사이트 헤더와 브라우저 탭에 표시되는 이미지 자산이에요. 각 영역에 이미지를 끌어놓거나 영역을 클릭해 파일을 선택해요. 로고는 자동으로 알맞은 크기로 리사이즈돼요.

자산	용도	권장 형식
로고 (밝은 배경용)	대부분의 화면과 라이트 톤 템플릿	PNG · SVG
로고 (어두운 배경용)	다크 톤 화면. 미설정 시 밝은 로고를 자동 보정해 사용	PNG(투명 배경) · SVG
파비콘	브라우저 탭·즐겨찾기의 작은 아이콘	ICO · PNG (32×32 권장)

밝은 배경용 로고를 올리면 어두운 배경용 영역에 기본 로고로 자동 생성 버튼이 나타나요. 누르면 밝은 로고의 어두운 글자·아이콘을 흰색으로 보정한 다크 버전을 자동으로 만들어 줘요. 결과가 의도와 다르면 다크 버전을 직접 업로드하면 돼요.

이메일 알림

특정 동작이 일어날 때 수강생에게 이메일을 자동으로 보내요. 보내고 싶은 트리거만 체크하면 돼요.

트리거	발송 시점
수강 등록 완료	수강 등록이 완료됐을 때
수료증 발급	수료증이 발급됐을 때 축하 메일
결제 완료	결제가 성공했을 때 영수증 형태
환불 처리	환불이 완료됐을 때 안내
강좌 오픈	신규 강좌가 공개됐을 때 공지

아래 학습 독려 — 미접속 일수에 숫자를 입력하면, 그 일수 이상 접속하지 않은 수강생에게 독려 메일을 보내요. 0으로 두면 독려 메일을 보내지 않아요. (0~365일)

유지보수 모드

사이트를 점검할 때 수강생 접속을 차단하고 점검 안내 화면을 보여줘요.

유지보수 모드 활성화 — 차단을 켜고 끄는 주 스위치예요. 이 토글을 켜야 실제로 점검 화면이 표시돼요.
점검 안내 메시지 — 점검 화면에 보여 줄 안내 문구예요.
점검 시작 · 점검 종료 — 안내용 일정 표시예요. 차단을 자동으로 켜고 끄는 값이 아니라, 안내 문구와 함께 참고로 보여 주는 기간이에요.

SEO 설정

검색 결과와 링크 공유 시 표시되는 정보예요.

메타 타이틀 — 검색 결과·브라우저 탭 제목
메타 설명 — 검색 결과에 표시될 사이트 소개 문구
OG 이미지 — 메신저·SNS에서 링크를 공유했을 때 보이는 미리보기 이미지예요. 비워두면 사이트 로고가 쓰이고, 직접 지정하면 그 이미지로 표시돼요. 권장 사이즈는 1200×630px이고, 가장자리가 잘려도 알아볼 수 있게 로고와 핵심 문구를 가운데에 배치하는 게 좋아요.

사용자 정의 CSS

기본 테마만으로 부족할 때, 직접 작성한 CSS를 추가해 세부 디자인을 손볼 수 있어요. 입력한 스타일은 공개 사이트에 그대로 적용되니, 작성 후 화면을 한 번 확인해 주세요.

소셜 로그인

수강생이 카카오·구글 계정으로 로그인할 수 있게 설정해요. 각 제공자의 개발자 콘솔에서 앱을 먼저 만든 뒤 Client ID / Client Secret을 입력해요. 카카오·구글 탭으로 전환하며 각각 설정하고, 탭에는 구성 완료 / 미구성 상태가 표시돼요.

항목	설명
활성화 토글	해당 제공자 로그인을 켜고 꺼요. 꺼져 있으면 아래 입력란이 비활성화돼요.
Redirect URI	제공자 콘솔에 그대로 등록해야 하는 콜백 주소예요. 읽기 전용으로 자동 생성되니 복사해서 붙여 넣어요.
Client ID	제공자 콘솔에서 발급받은 앱 식별 키예요. (카카오는 REST API 키)
Client Secret	제공자 콘솔에서 발급받은 보안 키예요. 암호화되어 저장돼요.

이렇게 사용해요

사이트 이름과 테마 색상·폰트를 정해 브랜드 톤을 맞춰요.
로고와 파비콘을 올리고, 필요하면 다크 배경용 로고를 자동 생성해요.
수강생에게 보낼 이메일 알림 트리거를 켜고 학습 독려 일수를 정해요.
검색·공유용 SEO 정보와 OG 이미지를 채워요.
소셜 로그인을 쓰려면 제공자 콘솔에서 앱을 만들고 Redirect URI를 등록한 뒤 Client ID / Secret을 입력해요.
마지막으로 화면 아래 설정 저장을 눌러 전체 영역을 한 번에 저장해요.

저장 동작 — 화면 하단의 단일 설정 저장 버튼이 위 모든 영역(기본 정보·테마·로고·이메일 알림·유지보수·SEO·CSS·소셜 로그인)을 한꺼번에 저장해요. 한 영역만 바꿔도 마지막에 꼭 이 버튼을 눌러야 반영돼요.

Client Secret 입력 규칙 — 소셜 로그인 Client Secret은 보안상 화면에 다시 표시되지 않아요. 입력란을 비워둔 채 저장하면 기존에 저장된 시크릿이 그대로 유지되고, 값을 바꾸고 싶을 때만 새 값을 입력하면 돼요.

데모 사이트 제한 — 데모 사이트에서는 어드민 전체가 읽기 전용이라 설정 변경·저장이 막히고, 상단에 "데모 사이트 · 등록/수정/삭제 비활성화" 안내가 떠요. 점검 일정은 시작이 종료보다 늦을 수 없어요.