/html_prj.github.io

html, css, js를 이용한 나만의 홈페이지 만들기

Primary LanguageHTML

✍🏻 프로젝트 주제


  • Html, CSS, JS 연습을 위한 개인 홈페이지 프로젝트

✍🏻 프로젝트 설명


  • 데이터베이스의 연동 없이 html 페이지에 데이터가 들어가 있는 형태 입니다.

✍🏻 작업 기간


  • 2023.12~2024.01

✍🏻 사용언어 및 개발환경


  • Html5
  • CSS3
  • JavaScript
  • Visual Studio Code 1.89.1

✍🏻 구현 기능


  • Home

    • 메인 페이지 - Posts 게시판의 글 5개가 보여집니다.
  • About

    • 자기 소개 페이지 입니다.

    • [>>] 버튼 클릭 시 프로필 이미지가 바뀝니다.

    • 새로고침을 할 때마다 헤더의 배경 사진이 바뀝니다.

  • Post

    • 게시글을 보여주는 게시판 입니다.

    • [+] 버튼에 마우스를 올릴 시 해당 게시글의 모든 사진이 보여집니다.

    • 게시글을 상세 조회하면 다음 게시글로 갈 수 있는 버튼이 존재합니다.

  • Contact

    • 궁금사항 또는 연락을 취할 수 있는 페이지 입니다.

    • 빈칸 유효성 체크를 합니다.

  • Login

    • 로그인을 할 수 있는 페이지 입니다.

    • 빈칸 유효성 체크를 합니다.