미리보기

서비스 소개

식물만 키우기 심심하다면? 그로우 스토리에서 내가 키우는 식물을 자랑하고 정원도 가꾸어보세요!


실제로 키우는 식물을 식물 카드로 등록하여 일지를 기록하고, 획득한 포인트로 원하는 아이템을 구입하여 자신만의 정원을 꾸며보세요. 또 다양한 유저들과 소통하여 더욱 즐거운 식집사 생활을 즐겨보세요!

주요 기능

• 회원가입, 로그인 기능
• 나만의 정원 꾸미기 기능
• 식물 카드와 식물 일지 기능
• 커뮤니티 기능
• 정보 수정 및 게시글 조회 기능
  
  

기여한 점

• 프론트엔드와 백엔드 팀원 구성을 진행하였습니다.
• 핵심 서비스인 정원 꾸미기, 식물 카드 아이디어를 구상하고 기획했습니다.
• 유저 플로우를 그리면서 기획의 모순점을 발견하여 개선했습니다.(Figma)
• TypeScript의 interface와 Type을 활용하여 타입 명시와 일관성으로 사전 에러를 방지하고, 코드의 가독성을 향상시켰습니다.
• 로그인, 회원가입, 정보 수정 시 React-hook-form을 사용하여 유효성 검사와 에러 처리를 관리하고, useState와 useRef를 획기적으로 줄여 가독성을 높였습니다.
• 클라이언트 측에서 유저 정보를 Zustand와 LocalStorage를 활용하여 저장함으로써 네트워크 트래픽을 감소시켰습니다. 또한, 로그아웃 기능을 클라이언트에서 처리함으로써 API 호출 수를 줄였습니다.
• 게시글 조회 시 React-query와 React-infinite-scroller를 이용하여 로딩과 에러 처리, 무한 스크롤을 자동화하여 시간을 절약하고 가독성과 유지보수를 높였습니다.

Github : https://github.com/shimdokite/grow-story-refactoring
blog : https://dokite-99.tistory.com/category/톺아보기/그로우 스토리(Grow Story) 리팩토링


프로젝트 리팩토링을 통해 코드의 품질을 향상시키고, 제가 담당한 부분에 대한 피드백을 반영하여 개선하고 버그를 해결하고 있습니다.