프론트엔드 개인 프로젝트 - 베일리(책 구독 서비스)

joyfulwave·2022년 11월 28일
0
post-thumbnail

💡 프론트엔드 개인 프로젝트

📅 제작 기간

2022년 9월 26일 월요일 - 2022년 10월 11일 화요일(총 16일)




✔️ 주제, 프로젝트 설계

저는 평소 '밀리의 서재' 라는 어플을 이용하여 책을 읽는 것을 즐기는데요. 내가 자주 사용하면서 흔하지 않은 사이트 주제를 잡고자 책 구독 서비스 사이트를 제작하게 되었습니다.

BOOK + DAILY 를 줄인 BAILY는 책과 함께 하는 매일 매일이라는 주제를 선정하고 눈과 마음의 편안함을 주는 초록색을 테마로 베일리를 제작하였습니다.

베일리는 [밀리의 서재] 사이트를 참고하여 사이트를 제작하였습니다.




✔️ 대표 기능

이번에 제작한 베일리는 백엔드 기능이 되지 않는 프론트디자인에 집중한 사이트입니다. 구독과 관련한 내용을 전달하며 현재 인기있는 책들을 쉽게 인식할 수 있도록 제작하는데에 초점을 두었습니다.




✔️ 개발 환경

이번 프론트앤드 개발 환경은 아래와 같습니다.

프론트엔드
언어 : HTML / CSS / JS
라이브러리 : JQuery
툴 : Visual Studio Code




✔️ 페이지

🟢 메인 페이지

베일리의 메인 페이지 입니다. 해당 페이지에선 베스트 셀러의 정보와 구독료, 맞춤 추천 책 목록들 그리고 사용하는 회원들의 짧은 리뷰를 확인할 수 있습니다.

🟢 로그인 및 회원가입 페이지

  • 로그인 페이지

  • 회원가입 페이지

  • 계정 찾기 페이지

🟢 서재 페이지

베일리의 서재 페이지에서는 베스트 셀러와 각각의 카테고리 별로 책을 찾을 수 있습니다.

🟢 FAQ 페이지

FAQ 페이지에서는 구독 등의 여러 회원들이 많이 궁금해하는 질문들과 그에 해당하는 답변을 제공하는 페이지입니다.




💡 소감

많은 욕심이 났었지만 웹 퍼블리셔로 일하는 동안 공부하지 않았던 제 역량이 여실히 드러나는 프러젝트였습니다. HTML, CSS 그 이상으로 배우지 않아서 코드의 반복, 가독성이 떨어지는 코드를 작성하여 많은 아쉬움이 남았습니다. 현재 프론트엔드를 더 배워보고 있는데 나중에 페이지를 제작할 때는 더 깔끔한 코드, 유지보수가 쉬운 코드를 작성하는 개발자가 되었으면 좋겠습니다.

0개의 댓글