안녕하세요?
일주일동안 공부했던 HTML, CSS, JS를 가지고 초미니 개인 프로젝트를 진행하였습니다
그에 대한 후기를 작성해보고자 합니다
그럼 시작~!

For Your Date[데이트를 부탁해] 👫

주제 선정

데이트 코스를 고민하는 대한민국 커플들을 위해 자동으로 데이트 코스를 추천해주는 서비스를 기획했습니다

최근 여자친구랑 데이트만 하려고 하면 고민이 많았거든요
늘 같은 곳만 가는 것도 눈치보이고, 새로운 곳 찾아보려고 네이버 좀 뒤적거리면 죄다 광고 :(
그래서 이런 고민할 필요없이 추천해주는 거 토대로 계획짜면 좋겠다 싶어서 이 주제로 정했습니다

목표

• 커플들을 위해 데이트 코스를 추천해주기
• 사용자 요구사항을 받아, 그 바탕으로 추천해주기
• 복잡하지않게 직관적으로 구현하기

기능

• 데이트 장소, 계절, 데이트 예정시간, 교통수단을 받아 데이트 코스를 추천해준다
• 데이트 코스를 저장한다

요구사항 명세

구현 기능

• 질문을 HTTP로 요청 및 응답받기
  • 전송 버튼, Enter키 입력 두가지 방식으로 HTTP 요청
  • HTTP 요청 시 Input 내용 초기화
• 질문과 답변을 화면에 출력
  • HTTP 요청시에 사용자의 질문을 화면에 출력
  • HTTP 응답이 돌아오면 AI의 답변을 화면에 출력
  • 한번의 요청에 하나의 질문과 답변을 출력

결과물

메인화면

사용자 입력 화면

로딩 화면

결과 화면

히스토리 화면

잘한 점

• Simple is the best, 기능이 많이 없기 때문에 장황하게 화면을 짜는 것보다 카드뷰 형식으로 단촐하지만 깔끔하게 만든 것 같다.
• 코드를 전체적으로 깔끔하게 짰다는 피드백을 받았다!

아쉬운 점

• jQuery는 요즘 많이 쓰지 않는 추세인데, Vanilla JS로도 충분히 해낼 수 있는 걸 jQuery로 죄다 도배해뒀다.
• 모바일은 고려하지 않았다는 점. 피드백 받을 때 화면을 보자마자 이건 모바일에 맞춰진 화면이구나 싶었다는데 전혀 그렇지 않아서 의아했다고 했다.
  나는 그저 기능이 많이 없어서 화면을 작게 만든 것 뿐인데 남들이 봤을 땐 오해할 수도 있겠구나 싶었다
• 내 컴퓨터에선 안그러는데 다른 사람들 컴퓨터에선 스크롤바가 보인다고 한다. 테스트를 제대로 하지 않았던 것 같다!

후기

확실히 남들에게 피드백을 받는게 시야를 넓히는데 큰 도움이 되는 듯 합니다
피드백을 받지 않았다면 프로젝트에서 부족했던 점을 전혀 몰랐을 것 같은데, 여러 피드백을 받으니 앞으로는 이런 부분도 체크를 해야겠다는 생각을 많이 받게되었네요
비록 목표는 백엔드 개발자이지만 뷰 쪽도 어느정도 알고있어야 도움이 된다고 하니 좋은 프로젝트였던 것 같습니다. 웹에서는 화면을 어떻게 그리고, 이벤트를 제어하는지 알 수 있었던 활동이었습니다.