chocomae/src/web/module/home_section_faq.html

<div class="container my-3">

	<div class="px-5 py-4 mb-3" style="background-color: #ffce54">
		<h1 class="display-3 font-weight-bold" style="color: #630;">초코마에<span class="display-4">, FAQ</span></h1>
	</div>	<!-- jumbotron -->

	<div class="card border-warning">
		<h5 class="card-header text-danger font-weight-bold">Q. 뭔가 많이 어설프네요?</h5>
		<div class="card-body">
			<h5 class="card-title text-primary">A. 혼자 만들었어요.</h5>
			<p class="card-text">
				<ul>
					<li>방과후 컴퓨터 강사를 맡아 초등학생들을 가르치고 있습니다.</li>
					<li>저학년 학생은 마우스도 많이 서툴더군요. 고학년 학생중에서도 타자가 익숙치 않은 학생이 종종 있었습니다.</li>
					<li>타자 연습 프로그램을 찾다가, 개인 기록(타수)이 저장이 되는 쓸만한 프로그램이 없길래 직접 만들게 되었습니다.</li>
					<li>혼자서 서버 프로그래밍을 배우고, 그래픽도 그리느라 작업하면서 부족한 점이 많았습니다. 많은 이해 부탁드려요.</li>
				</ul>
			</p>
		</div>
	</div>
	<br/>

	<div class="card">
		<h5 class="card-header text-danger font-weight-bold">Q. 왜 신용카드 결제는 안되나요?</h5>
		<div class="card-body">
			<h5 class="card-title text-primary">A. 개발 이슈와 수수료가 걱정되어 못 붙였습니다.</h5>
			<p class="card-text">
				<ul>
					<li>서버 개발에 익숙하지 않습니다. 신용카드 결제 기능 개발은 시간이 너무 오래 걸릴 것 같습니다.</li>
					<li>유료 회원 비용을 가능한 싸게 잡았습니다. 매출이 크지 않을 것으로 예상되어, 카드 결제 수수료도 부담이 되네요.</li>
				</ul>
			</p>
		</div>
	</div>
	<br/>

	<div class="card">
		<h5 class="card-header text-danger font-weight-bold">Q. 학생들의 기록을 좀 더 체계적으로 확인하고 싶어요.</h5>
		<div class="card-body">
			<h5 class="card-title text-primary">A. 학생 기록 이력을 간단히 확인하는 기록만 제공하고 있습니다.</h5>
			<p class="card-text">
				<ul>
					<li>학생들의 활동과 점수, 기록은 생각보다 많은 양의 데이터로 저장됩니다.</li>
					<li>저장된 기록들을 체계적으로 분류하고 보여주는 작업은 기획 난이도도 높고 많은 개발 시간을 필요로 합니다.</li>
					<li>
						우선은 간단하게 과목별 검색 기능을 구현해서 제공하고 있습니다.<br/>
						<span class="text-muted">(전체 기록을 한꺼번에 구하거나, 관심 과목들을 엮어서 검색하는 작업은 서버 부담이 커서 제외했습니다.)</span>
					</li>
					<li>대신에 <span class="text-info">엑셀에 데이터를 바로 붙여넣을 수 있는 기능</span>을 제공합니다. 필요한 검색과 분류 기능은 엑셀을 사용해서 활용해 주세요.</li>
				</ul>
			</p>
		</div>
	</div>
	<br/>

	<div class="card">
		<h5 class="card-header text-danger font-weight-bold">Q. 학생들의 기록은 언제까지 보관하나요?</h5>
		<div class="card-body">
			<h5 class="card-title text-primary">A. 2~3개월 기록까지 서버에 보관하고, 그 이전 기록은 삭제됩니다.</h5>
			<p class="card-text">
				<ul>
					<li>연습 앱에서 보여지는 순위는 해당 달의 기록까지만 적용하여 산출합니다.</li>
					<li>자신의 기록도 최근 7개 항목만 보여주고 있습니다.</li>
					<li>서버 부담을 줄이기 위해, 사용자가 많아지면 2~3개월 이전의 기록은 DB에서 삭제할 예정입니다.</li>
				</ul>
			</p>
		</div>
	</div>
	<br/>

	<div class="card">
		<h5 class="card-header text-danger font-weight-bold">Q. 왜 옛날 윈도우, IE9 이하의 브라우저에서는 실행이 안되나요?</h5>
		<div class="card-body">
			<h5 class="card-title text-primary">A. IE10 이상에서만 정상적으로 Javascript, JQuery, Bootstrap 기능이 실행됩니다.</h5>
			<p class="card-text">
				<ul>
					<li>초코마에 앱은 Javascript 언어로 / 웹페이지는 CSS, JQuery, Bootstrap 기술로 개발되었습니다.</li>
					<li>IE8 이하에서는 Javascript가 정상적으로 실행되지 않습니다. 그래서 앱 실행이 안되네요.</li>
					<li>IE9 에서는 앱 실행이 됩니다. 그런데 JQuery와 Bootstrap이 안되어서 웹페이지가 깨져 보입니다.</li>
					<li>가능하면 크롬, 파이어폭스, 사파리 등의 최신 브라우저를 설치하시고 사용해보세요.</li>
					<li>IE로만 수업이 가능한 환경이라면, 반드시 IE10 이상으로 업데이트 하시고 무료 계정에서 테스트하신 후 결제해주세요.</li>
				</ul>
			</p>
		</div>
	</div>
	<br/>

	<div class="card">
		<h5 class="card-header text-danger font-weight-bold">Q. 마에스트로가 무슨 뜻인가요?</h5>
		<div class="card-body">
			<h5 class="card-title text-primary">A. Maestro는 대가, 거장, 명지휘자라는 뜻입니다.</h5>
			<p class="card-text">
				<ul>
					<li>학교 수업에서 활용할 서비스이기 때문에, 관리자를 선생님으로 지칭하려고 했었습니다.</li>
					<li>서비스 오픈을 준비하다보니 선생님 외의 다른 분들도 범용적으로 사용할 거 같은 생각이 들었습니다.</li>
					<li>그래서 학생들을 조화롭게 이끄는 지휘자라는 이미지를 떠올리며 마에스트로라고 이름붙이게 되었습니다.</li>
					<li>서비스 이름과 도메인 이름을 지으면서 teacher, tutor와 차별화되는 단어이기도 했습니다.</li>
					<li>제 수업에 활용하면서, 학생들이 마에스트로가 누구냐고 물어보는데 나라고 답변할 때 좀 민망하긴 합니다.</li>
				</ul>
			</p>
		</div>
	</div>
	<br/>

	<div class="card">
		<h5 class="card-header text-danger font-weight-bold">Q. 광고가 안나오면 좋겠어요.</h5>
		<div class="card-body">
			<h5 class="card-title text-primary">A. 유료 결제 동기부여를 위해 넣었습니다. 양해 부탁드릴게요.</h5>
			<p class="card-text">
				<ul>
					<li>무료 사용자의 경우, 연습 앱을 실행하기 전에 광고 화면이 나옵니다.</li>
					<li>유료 결제하면 광고가 나타나지 않습니다.</li>
					<li>학생들에게 부적절해 보이거나 수업 진행에 방해가 되는 광고는 붙이지 않으려고 합니다.</li>
				</ul>
			</p>
		</div>
	</div>
	<br/>

	<div class="card">
		<h5 class="card-header text-danger font-weight-bold">Q. 왜 연락처 전화번호와 고객지원 센터, 게시판이 없나요?</h5>
		<div class="card-body">
			<h5 class="card-title text-primary">A. 고객지원 작업을 감당할 여력이 안 될 것 같아서, 이메일만 걸어 두었습니다.</h5>
			<p class="card-text">
				<ul>
					<li>학교 수업도 나가는 1인 개발자이기 때문에, 전화 응대는 불가능한 상황입니다.</li>
					<li>간단한 게시판이나 카페 개설은 가능합니다. 하지만 긴 고민 끝에 이메일로만 접수받기로 결정했습니다.</li>
					<li>게시판 운영시 댓글까지는 가능하겠지만 스팸 댓글이나 분란이 될만한 글들을 관리하는 것은 혼자 힘으로 어렵겠다는 판단이 들었습니다.</li>
				</ul>
			</p>
		</div>
	</div>
	<br/>

</div>