[개발 기록] 최종 기록

드디어 이걸 작성하게 됐다.

처음 프로젝트를 기획하고 디자인 할 당시, 이렇게 오래 걸릴 거라 생각하지 못했다.

하지만 역시 개발은 쉬운일이 아닌 것 같다. 밤도 많이새고 처음보는 에러들을 고치며 머리도 많이 쥐어 뜯었다 ㅋㅋ

그래도 완성이라는 것을 해보니까 마음이 뿌듯하다. 

아직 기능이 정말 완벽하다 라고 할 정도는 아니다. 그래도 큰 공사와 디자인했던 기능들은 모두 완성이 되었다.

나는 이번에 웹 프로젝트가 처음이지만 그래도 끝을 마무리 지을 수 있어서 참 다행이라고 생각한다.

(깃헙 주소는 맨아래에!)

 

 

<첫 화면 : 로그인 화면>

- 처음 서비스를 접속하면 만나는 화면

- 로그인을 하거나 이미 로그인한 기록이 있으면 동의를 묻는다.

- 로그인 부분에서는 라이브러리를 사용하다보니 로그인 버튼이 기본 제공되는 이미지로 바뀌었다.(ㅜㅜ)

 

 

 

 

<메인 화면 : 로그인 후 메인화면으로 이동>

 

 - 메인화면에서 제공하는 서비스

1.  날씨 정보 제공 서비스
2.  날씨에 맞는 의류 추천 서비스 [완료]
3.  데이트 코스 추천서비스(주제별로 분류되어있다.) [완료]
4.  개인정보 서비스

 

 

=> 개인 정보 서비스( 버튼 모양이 바뀌었다.)

 

 

=> 날씨 정보 서비스 

      중간기록까지는 서울 위치 고정 날씨 정보를 받아왔는데,

      현재는 위치기반 날씨정보를 받아온다.

 

=> 의류 추천 서비스

     체감 기온에 따라 추천 옷의 이미지가 달라진다.

 

 

 

=> 데이트 코스 추천서비스

     식사 / 카페 / 술 / 야외활동 / 실내활동 / 아무거나(랜덤)의 주제로 분류

    당일의 날씨에 맞게 주제별로 들어가있는 데이트 장소들의 정렬 순서가 바뀐다. ( 정렬 순서 알고리즘은 개발 완료. -> 깃헙에 정리)

 

 

 

 

 

 

 

 

+)개인 정보 서비스

=> 이미지를 누르면 토글 형식으로 메뉴가 생성된다.

      이름 / ID (from kakao) / My List서비스 / Logout 서비스 를 제공한다.

     - My List 서비스 : 내가 골랐던(저장한) 데이트 코스 장소들을 날짜 순으로 볼 수 있는 서비스. (개발 완료)

     - Logout 서비스 : 로그아웃 서비스 (개발 완료) 

 

 

 

 

 

 

 

<랜덤 서비스>

- 당일 날씨에 최적화된 장소들이 랜덤으로 추천되어 보여진다. (장소 종류 구분x)

아무거나 버튼을 누를때마다 달라지는 장소들

 

 

 

 

<추천 리스트 화면 : 장소 추천 서비스>

- 제공하는 서비스

1. 뒤로가기

2. 상세페이지로 이동

=> 헤더 서비스

     헤더도 깔끔하게 바꾸었다. 뒤로가기 기능 추가

 

 

 

=> 리스트 서비스

     우리 서버에 저장된 장소들이 날씨에 맞게 정렬되어 보여진다.

     상위 3개의 장소는 "강력추천" 이라는 강조표시가들어간다.

 

 

=> 정렬 알고리즘

     각 장소들에는 날씨별로(9개) level이 부여되어 있어, 당일 날씨 별로 정렬이 가능하다. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<상세페이지 :  Detail서비스>

-제공하는 서비스

1.이미지 배너 서비스: 이미지를 슬라이드 형식으로 볼 수 있다.

2. 전화서비스 : 전화아이콘을 누르면 해당 번호로 통화연결이 가능하다.

3. 지도 서비스 : kakaoMap을 활용하여 해당장소의 위치를 확인할수있다.

4. Mylist 서비스 : "오늘은 여기로"라는 버튼을 누르면 해당 장소의 정보가 Mylist에 저장된다.   

 

=> 뒤로가기 기능

 

 

=> 이미지 슬라이드 서비스

     양쪽의 화살표를 누르면 해당 방향으로 이미지가 슬라이드 되며 바뀐다.

 

 

 

 

=> 장소 이름

 

=> 주소

=> 해당 장소의 별점과 연락처의 정보도 제공한다.

 

 

=> 간단한 소개

 

 

 

=> 영업 정보 같은 자세한 정보는 조금더 준비가 필요하다.

 

 

 

 

 

=> Kakao MAP 서비스

   해당장소의 위도경도를 kakao map API를 사용하여 표시하였다.

 

 

=> 전화 서비스

     전화기 아이콘을 클릭하면 통화로 연결이 된다.

=> Mylist 서비스

    버튼을 누르면 해당 장소의 정보가 Mylist에 저장된다. 

 

 

+)Mylist 에 추가할 시 알람

     

 

 

 

<마이리스트 페이지 : Mylist 서비스>

- 제공하는 서비스

1. 저장한 장소들을 시간순으로(최신순)으로 보여준다.

2. 각 장소들 별로 별점 서비스와 삭제 기능을 이용할 수 있다. (부여한 점수는 즉시 적용/ 중복 평가 안됨)

 

 

+) 평가 완료 후 알람

 

 

 

 

 

 

 

 

 

---

이렇게 해서 중간 기록에서 완성하지 못하였던 기능을 모두 구현하였고,

교내 대회에 나가 장려상을 수상하였다. 조금은 아쉽지만, 하나의 프로젝트를 끝까지 완성 시켰다는 경험을 얻어서 값진 경험이라고 생각한다. 

 

vue라는 기술에 점점 익숙해져가고 잠깐 공부만 했던 css에 대해서도 다시한번 공부할수있던 좋은 기회였다고 생각한다.

그래도 마지막까지 기록을 하고있어서 조금은 더 뿌듯한걸지도.....

 

기록하는 것을 시작한지 얼마 되지는 않았지만 앞으로 꾸준하게 작성해 봐야겠다. 

처음엔 어떻게 작성 해야하나 고민도 많았는데, 아직도 기록에 대해 잘 모르겠지만 그래도 어영부영 끝내지않고 끝맺음을 지을수있어서 다행이라고 생각한다.

 

오늘 어때 프로젝트 기록 완료(2020.07.09) 

 

 

 

 

[깃헙 주소]

https://github.com/anji314/Today_Project

anji314/Today_Project