바야흐로....올해 여름 Teamproject로 진행했던
자가격리자를 위한 SNS, WITH U 서비스를 새롭게 Remodeling해보기로 했다😁
1. 서비스 소개
우리가 집중했던 것은, 모바일 웹 형식과 반응형 웹을 만드는 것이 목표로 3가지 기능을 생각했다.
1-1 글쓰기
1) 랜덤질문 제공
일기를 쓰거나, 게시글을 적는게 익숙치 않은 사용자들을 위해서 랜덤으로 질문을 제공하여 글쓰는 것에 접근하기 쉽게 하는 기능이다.
2) 단답형 주관식
질문에 대답을 할때, 간단하게 적을 수 있다.
3) 일기 및 이미지 첨부
자유롭게 제목과 내용을 작성하고 원하는 이미지를 첨부할 수 있게 만들었다.
1-2 자가진단
자가격리를 하다보면 혼자 집에서 생활하다보니 우울증이 올 수 있기 때문에 스스로 테스트를 해볼 수 있고, 이를 점수화 하여 그래프로 나타내주는 서비스를 제공했다.
1-3 필요 물품 추천
자가격리 중 함께 사용하면 좋은 물품을 추천해주고, 이를 즐겨찾기하여 나중에 직접 구매가 가능하게 하는 서비스를 생각했다.
2. 문제점과 개선점
이 당시에는 JSP/Sevelt 개념만 아주 간단히 배우고 주어진 시간은 2주밖에 되지 않았다.
그러다 보니 시간이 부족했고, Front와 Back에 대한 공부가 부족해서 안되는 기능들이 생각보다 굉장히 많았다.....ㅎㅎ😅
하지만 아이디어 자체는 굉장히 나쁘지 않았고, 그 당시에 못했던 것을 현재 취준중이기 때문에 새로 Remodeling을 해보면 어떨까라는 생각이 들었다!!
이번에 목표는 개발 Editor 도구는 VSCODE와 Intellij를 사용할 생각이고, Front는 React로 구현해보고, Back은 Spring(Maven)을 사용하여 안됬던 기능들을 다 구현해보는 것이 목표이다.
부끄럽지만, 사람은 복기를 하며 수정하면 큰 공부가 될 것이므로 문제점을 하나씩 뜯어보겠다.
2-1 DB문제
이 당시에는 왜 이렇게 생각했는지 모르겠지만...😂
1) 게시글 최신순으로 불러와지지 않는다.
DB구조를 살펴보면 QnA테이블과 Diary테이블이 나눠져 있다. 그러다 보니 게시글을 불러올때, QnA에 있는 데이터를 싹다 불러오고, 그 이후에 Diary테이블이 불러와지는 현상이 나타났다.
2) Test결과 문제
사용자가 자가진단을 했을 경우 ID로 데이터가 저장되지만 최신순 3개만 불러와야 하는데, 이 SQL Query문을 작성하지 못하여 3개가 저장되면 그 이후로 저장되는 데이터는 불러오지 못하는 문제가 생겼다.
3) 이미지 업로드
Javascript문을 활용하여 이미지 업로드시 미리보기 화면은 나오게 하였으나, JSP를 활용하다 보니 이미지 업로드는 성공하지 못했다. 구글링을 열심히 해보았지만, Spring으로 구현한 것밖에 나오지 않아서 실패한 부분이다.
DB는 전체적으로 구조를 다시 작성해서 다시 짜야될 것 같다
2-2 즐겨찾기 기능의 문제
'필수템 목록'을 보면 즐겨찾기 버튼을 클릭하면 사용자가 MyPage로 갔을때, 누른 것이 화면에 나와야한다.
하지만 그 당시에는 button의 submit과 input의 submit의 차이점을 잘 알지 못했고, form태그가 한 화면에 한개만 있어야 된다고 생각을 했다. 그리고 비동기 방식을 모르고 있었기 때문에 새로고침 되는 문제를 해결할 방법을 생각하지 못하였다. 그래서 이 부분도 axios를 사용하여 해결해 볼 생각이다!!
(솔직히 이게 맞는지 아직 잘 모르겠다...😅 알려주실분...댓글로 알려주세요ㅠㅡㅠ)
2-3 좋아요 기능
Instagram과 비슷하게 모바일 웹으로 만들면서 기능을 어느정도 가져올 생각이었다. 하지만 그 중 가장 큰 좋아요 기능을 구현하지 못하였다. 이 당시에 전혀 감이 안잡혀서 어떻게 구현할지 모르겠었고, 시간또한 부족하여 그냥 스킴하고 넘어간 기능 중에 하나이다. 이것 또한 구현해보고싶다.
2-4 GIT
저번에 프로젝트를 진행했을 당시 Git이 어느 순간부터 오류가나서 포기하고, Commit하지 않고 진행을 했었다.
그 부분이 굉장히 아쉬워서 이번에는 Git으로 프로젝트 공유하며 협업해 나가는 연습을 해보고 싶다.
🔊 Refactoring Project Start~
