wogus8285/jaehyun_books

📖재현북스 웹페이지 포트폴리오📖

소개

이 프로젝트는 "재현북스"라는 가상의 웹소설 플랫폼을 구현한 것입니다. "재현북스"는 다양한 소설 콘텐츠를 제공하고 있으며, 독자들에게 다양한 이벤트 및 할인 정보를 제공합니다.

웹페이지 주요 기능

1. 메인 슬라이더: 🎉 독자들에게 특별한 이벤트 및 새로운 소설을 소개하는 이미지 슬라이더가 구현되어 있습니다.
2. 베스트 셀러 소설 목록: 📚 각 소설에 대한 간단한 소개와 함께 베스트 셀러 소설 목록이 제공되어 독자들에게 다양한 선택을 제공합니다.
3. E-Book 할인 정보: 💸 한정된 시간 동안 진행되는 특별한 E-Book 할인 정보가 제공되며, 남은 시간까지 실시간으로 표시됩니다.
4. 2023년 화제의 작품: 🔥 지난 해에 인기를 끈 소설들이 모여있는 섹션으로, 독자들에게 이전에 인기를 끈 작품을 소개합니다.

기술 스택

• HTML5
• CSS3
• JavaScript 및 jQuery

디자인 스택

• 피그마
• 포토샵
• 일러스트레이터
• 어도비 파이어베이스

주의사항

• 이 웹페이지는 실제로 존재하는 웹소설 플랫폼이 아닙니다. 내용과 이미지는 이 포토폴리오를 위해 제가 자체적으로 제작한 것으로, 실제로 존재하는 작품이 아닌 가상의 작품입니다.

웹페이지 및 디자인 링크

• 웹페이지 주소: 재현북스 웹페이지 바로가기
• 디자인 주소: Figma 디자인 바로가기
• 깃헙 코드 주소: GitHub 코드 바로가기

웹페이지에 사용된 코드들 자세히 설명

1. 타임리밋 기능 (Time Limit using Date Method)

위 코드는 JavaScript를 사용하여 웹페이지에 타임리밋 기능을 구현한 부분입니다. setInterval 함수를 활용하여 1초마다 현재 시간과 설정된 종료 시간 간의 차이를 계산하고, 이를 화면에 업데이트합니다.