커리큘럼
수강생 후기
지원 절차
자주 묻는 질문
React
Node.js
Spring
Duplicate
커리큘럼
React
Node.js
Spring
수강생 후기
지원 절차
자주 묻는 질문
서비스 핵심 기능 (1)
Gallery view
Search
수업 탐색(검색/찜하기)
해당 기능은 사용자가 원하는 수업을 효율적으로 찾고 관리할 수 있도록 설계되었습니다. 이 기능의 핵심 요소는 다음과 같습니다
•
강사, 제목, 설명, 가격순 카테고리 제공
•
검색 기능
•
찜하기 기능
찜목록
트러블 슈팅
문제 : 검색 결과의 정확도와 성능 최적화
수업 탐색(검색/찜하기)
강의 장바구니, 결제와 환불 기능 구현
장바구니 기능
관심 있는 강의의 기수를 확인하여 해당 기수를 장바구니에 추가할 수 있습니다. 장바구니 추가 후 장바구니 목록을 확인할 수 있게 해당 페이지로 이동하게 됩니다.
웹 사이트 상단의 장바구니 아이콘을 통해서도 장바구니 목록에 접근 할 수 있습니다.
장바구니 페이지에서는 장바구니 삭제와 결제가 가능합니다.
결제 기능
결제 기능은 토스 페이먼트를 사용하여 진행됩니다.
장바구니 / 결제 / 환불
“시니어가 느끼는 답답함을 최소화하기 위해 ”
답답한 것을 싫어하는 시니어의 특성을 고려하여
‘챗봇(손자봇)’
과
‘1:1 채팅 문의’
서비스를 만들었습니다.
챗봇
의 경우 24시간 대기하여 서비스에 대한 궁금증을 언제든지 해결할 수 있고,
1:1 채팅 문의
는 강의에 대한 문의 사항을 강사에게 직접 물어볼 수 있어, 프라이빗한 질문도 실시간으로 답변받을 수 있습니다.
사용 기술
‘챗봇(손자봇)’
문의 서비스(챗봇/강의 1:1 문의)
구매한 강의목록을 제공, 각각의 강의에 대해 공지 사항 확인, 게시글, 댓글 생성 등의 커뮤니티 활동을 구현
내 강의 목록
내 강의실 페이지에서는 구매한 강의 목록을 제공합니다.
프로필 관련 페이지를 통해 내 강의실에 접근할 수 있습니다.
수강 중이거나 앞으로 수강할 강의를 볼 수 있습니다. 해당 강의를 클릭하면 강의 상세 페이지로 이동합니다.
종료된 강의는 수강 완료 탭에서 확인 할 수 있습니다.
수업 게시판
내 강의 목록에서 원하는 강의를 클릭하면 해당 강의의 수업 게시판으로 이동합니다. 이 상세 페이지에서는 수업 공지 확인, 해당 기수의 멤버들이 게시글을 작성하고, 좋아요, 댓글을 달 수 있습니다.
내 강의 관리
“
관심 있는 수업이 없어도 걱정하지 마세요.
'사랑방' 페이지를 통해 같은 관심사를 가진 회원들과 소통하며 즐겁게 시간을 보낼 수 있습니다.
”
시클시클에는 '사랑방'이라는 공간이 있습니다. 이곳에서는 원하는 수업을 듣는 것뿐만 아니라, 평소 관심 있는 주제에 대한
'사랑방'을 생성
하고,
멤버로 참여
할 수 있습니다.
'사랑방'의
게시판 기능
과
실시간 단체 채팅 기능
은 같은 관심사를 가진 시니어들이 언제든지 새로운 소셜 네트워크를 형성할 수 있도록 지원합니다.
사랑방 (커뮤니티) 기능
메인에서 사랑방을 클릭하여, 최신 사랑방 페이지로 입장합니다.
•
사랑방 리스트/생성API
밴드(사랑방) 커뮤니티 - 게시판, 단체 채팅
회원가입 기능 (일반 / 구글)
회원가입 기능은 일반 회원가입과 구글 계정을 이용한 간편 회원가입을 지원합니다. 사용자는 회원 정보를 입력한 후 휴대폰 인증을 거쳐 회원가입을 완료할 수 있습니다.
•
휴대폰 인증 (SOLAPI):
회원 정보 입력 후, SOLAPI를 통해 휴대폰 인증을 거칩니다. 인증이 완료되면 회원가입이 완료됩니다.
•
구글 로그인 연동:
구글 로그인 시, 사용자가 처음 로그인하는 경우 회원가입 창으로 넘어가며, 이후 일반 회원가입 절차를 진행합니다.
로그인 기능 (일반 / 구글)
로그인 기능은 일반 로그인과 구글 로그인을 지원합니다. 사용자는 로그인 정보를 입력하고, 로그인을 클릭하여 메인 페이지로 이동할 수 있습니다.
•
일반 로그인:
사용자 정보 입력 후 로그인 버튼을 클릭하면 로그인 절차가 완료됩니다.
•
구글 로그인:
구글 로그인 버튼을 클릭하면, 구글 로그인 창으로 넘어가서 로그인이 완료된 후 메인 페이지로 이동합니다.
회원가입 및 로그인 기능 구현 과정에서의 트러블슈팅 사례
로그인 / 회원가입
“온라인에도 즉각적이고 활발한 커뮤니티 활동을 위해”
오프라인 수업뿐 아니라 온라인에서도 빠르고 활발한 소통으로 소셜 활동을 이어 나갈 수 있도록 실시간 알림 기능을 구현했습니다.
USER
는 본인이 가입한 ‘
사랑방에 올라온 새 글’
과
‘본인의 글에 달린 댓글’
을 실시간으로 확인할 수 있습니다.
CP
는
본인의 ‘강의에 달린 리뷰’ 알림
을 실시간으로 확인할 수 있습니다.
실시간 알림 기능
각 페이지의 우측 바를 통해 알림 목록으로 접근이 가능합니다.
* 새로운 리뷰가 등록됐을 때의 CP 알림 목록 업데이트
실시간 알림기능
“양질의 서비스를 제공하기 위해”
시클시클은 이용자들에게 양질의 서비스를 제공하기 위해 기업과 수업의 검증 절차를 만들었습니다.
시클시클의 관리자가 사용하는 admin 페이지를 통해 승인된 기업과 수업만 활성화 됩니다.
기업 승인 / 거부 기능
CP(Content Provider)쪽으로 회원가입을 신청하면 해당 CP 가입승인 페이지에 신청 목록이 나타납니다.
테이블에 있는 승인, 거부 버튼을 누르면 테이블이 리프레시 되면서 승인/거부 작업이 완료됩니다.
•
거부한 CP
는 DB에서
‘삭제’
admin (CP/수업 - 승인 반려)
데모 ID : kimchi@gmail.com 데모 PW : pass123
CP 페이지 :
https://seclsecl-18857.bubbleapps.io/version-test
CP 페이지를 분리한 이유
CP(Content Provider) 페이지는 콘텐츠 제공자들이 자신의 강의를 등록하고 관리할 수 있도록 설계된 전용 페이지입니다! 1. 권한 관리
•
CP 페이지는 콘텐츠 제공자가 접근할 수 있는 기능만 제공하며, Admin이 담당하는 승인 및 시스템 전반에 영향을 미치는 작업은 별도의 Admin 페이지에서 관리합니다. 이를 통해 각 사용자 역할에 따른 권한을 명확히 구분할 수 있습니다.
2.
효율적인 강의 관리
•
CP 페이지는 콘텐츠 제공자가 자신의 강의를 쉽고 효율적으로 등록하고 관리할 수 있도록 설계되었습니다. 콘텐츠 제공자는 이 페이지를 통해 강의와 기수를 체계적으로 관리할 수 있습니다.
CP 페이지의 주요 기능
수업 생성
콘텐츠 제공자가 자신이 등록한 강의를 확인하고 관리할 수 있는 공간입니다. 여기서 강의를 수정하거나 새로운 강의를 생성할 수 있습니다.
•
강의 생성:
컨텐츠 프로바이더는 새로운 강의를 생성할 수 있으며, 생성된 강의는 Admin의 승인을 받아야 사용자들에게 노출됩니다.
강의 생성 및 관리
콘텐츠 제공자는 Create Lesson 버튼을 클릭하여 새로운 강의를 생성할 수 있습니다. 이때 생성된 강의는 Admin의 승인 대기 상태가 되며, Admin이 승인한 후에야 사용자들에게 공개됩니다.
CP (수업/기수 관리)