1인 이,미용 샵 고객 예약 확인 페이지

• 본 프로젝트는 고객들이 미용샵을 예약 하기 전, 페이지를 보고 예약이 가능한 시간을 확인할수 있도록 페이지를 구성하였다.

링크 : nail.ksyong1990.synology.me

특징

• 관리자로 로그인을 한 경우에는 예약 가능 시간을 올릴수 있으며, 예약이 모두 이루어진 경우에는 마감처리를 하여 고객들이 접근을 못하도록 하였다.
• 사용자의 요청에 따라 네일샵의 오픈시간에 맞추어 시간을 등록할 수 있다.
• 너무 많은 정보를 보여주게 된다면 고객들이 혼란스러울것을 염려하여 해당 월 +1달까지 보여주도록 하였다.

개발 환경 및 사용 툴

• 에디터 : VSCODE
• 백엔드 : Nginx, PHP 7.4
• 프론트엔드 : Javascript, jQuery
• DB : MariaDB 10
• ETC : Google Web Font

작업기간

• 2021.03.29 ~ 2021.04.07 (9일)

구동 사진

구현 설명

• 고객이 보는 페이지에 따로 로그인 버튼은 추가하지 않고, 우측 상단 보이자 않는버튼을 눌러 로그인 팝업이 나오도록 구현하였다.
• 로그인은 세션스토리지로 구현하였고, 브라우저를 종료하지 않는이상 세션이 살아있어 로그인 상태를 유지한다.
• 백엔드 서버와 통신은 ajax를 이용하였고 데이터 타입은 json 방식을 사용하였다.

느낀점

• 아무래도 이전에 있던 소스에서 유지보수를 하는 형태가 아니고 백지상태에서 새로 프로젝트를 시작하려다보니 기획, 디자인 단계에서 시간이 오래 걸렸다.
  사용자가 개발자 본인이 아니고 네일샵을 운영하는 사업주와 네일아트 시술을 받으려는 고객이다보니 이쪽으로 시선을 맞출 필요가 있었다.
  Javascript와 jQuery를 사용하여 구현하였지만 기회가 된다면 node.js 와 react를 이용하여 프로젝트를 진행하는것도 좋을 것 같다.