8/5 33일차

ssongyi·2022년 8월 5일
0

MOUM PROJECT

목록 보기
33/33
post-thumbnail

오늘은 항해 최종발표회가 있는 날이다.
그리고 실질적인 항해가 끝났다. 사실 별로 실감이 나지 않는다. 내일도 주섬주섬 일어나서 항해 출석체크를 하고 게더에 들어갈것만 같은데...
완주는 했는데 잘 했는지도 의문이고...
벨로그를 처음 쓸 적을 보니 바짓가랑이 잡고 완주해도 완주한거니 힘내자고 적어놓은 글을 발견했다.
어떻게 어떻게 완주는 했다. 아직 실력에 자신이 없더라도 완주했다는거에 의의를 두고 앞으로 나아가야겠다.

7기 D반 6조 프로젝트 최종 발표 영상

최종 발표 자료 PPT

MOUM 6조 방명록

Frontend GitHub
Backend GutHub


타켓 유저

: 다양한 정보를 쉽게 분류하고 모아보기를 원하는 사용자

목적 / 기대효과

: 여러가지 정보를 쉽고 간편하게 관리할 수 있다

컨셉

: 직관적이고 심플한 UI를 통한 정보 기록 및 관리

Pain Point

: 다양한 사이트의 링크를 쉽게 모아두고 볼 수 있었으면 좋겠다
: 간단한 메모도 함께 기록할 수 있었으면 좋겠다
: 정보가 많아도 편하게 분리해서 찾아볼 수 있도록 파일과 폴더 생성이 가능했으면 좋겠다

케이스 예시

: 유용한 사이트를 모아보고 싶을 때
: 맛집 후기를 여러개 모아보고 그 중에서 고르고 싶을 때
: 참고문헌 같은 인터넷 글들을 정리용으로 모으고자 할 때

======== 주요기능 =========

폴더 생성으로 정보 분리 및 관리

: 저장한 자료가 많아져도 빠르게 찾아볼 수 있돌고 정보 파일에 대한 폴더 생성이 가능

카테고리 기능을 통한 정보 유형 관리

: 링크 생성 시나 메모 작성 시 해당하는 카테고리를 선택하는 방식으로 정보 분류 가능

필터 기능을 통한 정보글 확인

: 게시물을 여러 필터로 분류하여 볼 수 있도록 구축(최근 시간순, 오래된 시간 순, 스크랩 많은 순 등)

나의 게시물/폴더 공개설정, 비공개 설정 가능

공개 설정한 모든 유저 정보글을 검색하여 찾아볼 수 있는 기능

다른 사용자의 공개 게시물 스크랩 기능


프론트엔드 아키텍처

기술 선택 기준

: 프론트엔드가 백엔드보다 인원이 적은 점,
항해 6주라는 짧은 기간내에 원하는 결과물을 도출해야하는 점을 고려해
빠르게 구현할 수 있는 방향으로 모색했다.

프레임 워크

: React

데이터 패칭 라이브러리

: axios 를 사용해서 spring api 서버와 통신

상태 관리 라이브러리

: React Query, Recoil

스타일 라이브러리

: Styled-component 메인,
: twin.macro를 사용해 styled component 에 Tailwind css를 병행해서 사용

도입 기술

: 리덕스 툴킷 ---> 리액트 쿼리 + 리코일

도입 이유

: 빠른 작업 속도를 위한 상태 관리 라이브러리 변경

문제 상황

: Redux Toolkit 을 사용해 서버 상태관리, 전역 상태관리를 진행하고 있었으나
코드가 길고 복잡해짐에 따라 Redux Toolkit 을 사용한 서버 상태관리에 대한 복잡함, 어려움을 겪게 됨.
: 로직 하나를 작업할 때마다 로직에 대한 고민 시간과 작업 시간이 상당히 소요됨
: 구현할 기능은 많은데 작업 속도에 큰 진전이 없음

프론트엔드 기술적인 도전

: 짧은 기간동안 결과물을 내야 하므로 작업 속도를 끌어 올리기 위해 사용하기 쉽고, 빠르게 작업할 수 있을 만한 방법을 탐색함
: 이후, 서버 상태 관리를 대신 해주는 React Query로, 전역 상태 관리를 useState 처럼 직관적으로 사용할 수 있는 Recoil로 교체하게 됨

홍보 및 SNS 마케팅 진행

: 항해99 슬랙 홍보, 페이스북/인스타그램 광고 게시, 기타 커뮤니티 홍보

웹사이트 이용 통계

: 사이트 클릭 370회, 설문 클릭 128회

--> 설문조사 응답 총 67개

0개의 댓글