본 프로젝트는 개인 프로젝트로서 혼자서 5일간 제작하고 깃허브로 배포한 웹사이트입니다.
https://github.com/seungjaeoh-asdf/firstHtmlProject
GitHub - seungjaeoh-asdf/firstHtmlProject
Contribute to seungjaeoh-asdf/firstHtmlProject development by creating an account on GitHub.
github.com
주제는 공공 데이터 센터에서 제공하는 대전현충원 안장자 정보 Open Api를 이용하여 안장자의 정보를 조회하는 시스템을 구축하기 입니다.
우선, 홈 화면부터 소개하겠습니다.
홈 화면입니다. 상단바와 우측 바는 fix되어 있고, 다른페이지에 접속하더라도 그대로 남아있습니다. Visual Vasic은 스프링에서 제공하는 Include를 이용할 수 없기 때문에, 일일히 페이지 마다 넣어야하는 번거로움이 있었습니다. 상단바를 통해 홈 화면 접속, 사이트 소개 페이지 접속, 안장자 검색 시스템 접속, 추모의 편지(이용자 게시판), 로그인/회원가입/회원정보 수정을 이용하실수있습니다. 오시는 길 페이지는 자세히를 누르면 카카오맵을 이용한 페이지가 확장된 형태로 노출되어 큰화면으로 볼수 있도록 작성되었습니다.
로그인 페이지 입니다. firebase를 통해 서버를 관리하고 있습니다.
회원가입 입니다. 휴대폰 인증이 구현되어있고 아이디/비밀번호/닉네임을 기입하고 회원가입하는 간단한 형식입니다.
이용자 게시판(추모의 편지)입니다. 작성자와 작성일이 노출되는 간단한 형태로 작성된 페이지 입니다.
글쓰기는 로그인된 이용자만 이용할 수 있도록 제한되어 있습니다.
각 게시글을 누르면 세부내용을 볼 수 있도록 작성되었습니다.
가장 중요한 안장자 검색 시스템입니다.
안장자의 성명만 입력해도 정보가 노출되도록 작성되었으며, 동명이인이 있을경우 먼저 안장된 사람이 보이도록 작성되었습니다.
자세한 검색을 요할때는 안장일까지 입력해야합니다.