프로그램 소개
학교 업무에 필요한 자료를 쉽게 찾아보세요!
© 경상남도교육청 모든 권리 보유
README
페이지 설명
이 페이지는 외부 웹사이트('https://hryoon0.github.io/helppage/')로 자동 리디렉션(전환) 기능을 수행하는 페이지입니다. 사용자가 페이지에 접속하면 카운트다운 타이머와 함께 지정된 외부 URL로 3초 후 자동으로 이동하게 설계되었습니다. 사용자에게는 직접 링크를 클릭할 수 있는 옵션도 제공됩니다.
화면·작동 안내
주요 UI 요소
- 카운트다운 표시 (
<span id="countdown">...</span>): 페이지 상단에 표시되며, 현재 남은 시간(초)을 나타냅니다. 매 초마다 숫자가 줄어들며, 0이 되면 자동 이동을 시작함을 의미합니다. - 수동 이동 링크 (
<a href="https://hryoon0.github.io/helppage/">...</a>): 자동 이동이 원활하지 않을 경우, 사용자가 직접 클릭하여 목표 웹페이지로 이동할 수 있도록 제공되는 링크입니다. - 공지 배너 (
<div class="notice">...</div>): 페이지 하단에 위치하며, 이 페이지가 '한뼘코딩'에 의해 생성된 리디렉션 페이지임을 알리고 외부 콘텐츠의 저작권은 원작자에게 있음을 안내하는 고정 메시지입니다.
사용 흐름
- 사용자가 해당 URL에 접속합니다.
- 페이지 로딩과 동시에 카운트다운 타이머가 시작되어 몇 초 후 이동할 것을 알려줍니다.
- 사용자는 카운트다운을 지켜보거나, 즉시 이동하고 싶을 경우 제공된 수동 링크를 클릭하여 목표 페이지(https://hryoon0.github.io/helppage/)로 이동합니다.
- 카운트다운이 0이 되면, 브라우저는 자동으로 목표 URL로 리디렉션합니다.
프로젝트 진행 상황
- [x] 리디렉션 로직 구현 (index.html 및 JS)
- [x] 카운트다운 타이머 표시 기능 구현
- [x] 수동 이동 링크 제공
- [x] 공지사항 포함 (저작권 명시)