[메모 트리 프로젝트] 1. 기획

프로젝트 글 목차

2021.03.13 - [메모 트리 프로젝트] 1. 기획 

2021.03.13 - [메모 트리 프로젝트] 2. 설계 - 와이어프레임, 요구 사항

2021.03.14 - [메모 트리 프로젝트] 3. 설계 - 객체 모델링

2021.03.18 - [메모 트리 프로젝트] 4. UI 구현 - 1

2021.03.19 - [메모 트리 프로젝트] 5. UI 구현 - 2

2021.03.20 - [메모 트리 프로젝트] 6. 나머지 프론트엔드 작업

2021.03.20 - [메모 트리 프로젝트] 7. 배포 및 후기

---

개발 동기

코드스쿼드에서 개인 프로젝트를 진행하는 미션이 주어졌다.

실용적인 컨셉의 프로젝트를 진행하고 싶었지만 약 일주일 간의 짧은 프로젝트인 만큼 욕심은 내지 않기로 결정했다.

고민끝에 포기했던 컨셉들은 다음과 같았다.

 

1. 로그라이크 류의 웹게임

2. 간단한 인터랙티브 페이지

3. 뽀모도로 타이머

4. 다이어리

 

주어진 기간 내에 가장 많은 것들을 보여줄 수 있겠다는 판단 하에 메모 트리 라는 메모장 프로젝트를 진행하기로 결정했다.

 

 

---

프로젝트 개요

메모 트리는 브라우저 상에서 트리형 구조로 짧은 메모들을 카테고리에 맞게 분류 및 작성하여 정리할 수 있는 사이트라 할 수 있다. 문서에서 트리 구조로 목록을 만드는 과정은 굳이 필요하지는 않지만 만들 때 마다 귀찮은 과정이며, 이 과정을 간단하게 만들면 어떨까? 라는 생각으로 시작하게 됐다.

 

북마크나 학습 커리큘럼, (일방향이지만) 간단한 마인드맵 등 여러 용도로 사용이 가능하다...

 

대략적으로 정리해본 실 사용 컨셉은 아래 블럭과 같다.

학습할 내용 카테고리 별 정리

------------         -------        ---------
| 개발 공부 | ------ | 자스 | -------| 리액트 | 
------------   |     -------    |   ---------
               |                |   |참고자료|
               |                |   ---------
               |                |
               |                |   --------
               |                ----| es 6 |
               |                    --------
               |                    | 주제 |
               |                    --------
               |
               |    ------        -----------
               -----| CS | ------ | 자료구조 |
                    ------   |    -----------
                             |
                             |
                             |    -----------
                             ---- | 네트워크 |
                                  -----------

 

 

---

카테고리

토이 프로젝트, 1인 개발, 트리 구조 UI, 공유, 사용자 인증, 배포

 

---

개발 기술

HTML/CSS/SCSS, Javascript, Express, MongoDB, Heroku

 

---

개발 기간

2021-03-13 ~ 2021-03-19 (7일)

 

---

포인트

1. 캐시

 폴더 기반으로 메모를 관리하는 구조이므로 입력한 정보를 저장하는 기능은 필수적이다.

 그러므로 사용자의 입력값을 저장해야 하며, 기본적으로는 로컬 스토리지를 활용 할 예정이다.

 

2. mongoDB 데이터 모델링

 시간적 여유가 된다면 라이브 환경에서 배포 시, mongoDB를 사용하여 입력값을 보존할 계획이다.

 그러므로 데이터 액세스 패턴을 고려하여 합리적인 객체 모델링이 필요하다 판단했으며,

 현재 Embedded Document를 고려하고 있다.

 

3. 배포

 메모 트리는 배포까지 고려하고 채택한 아이디어였다.

 일주일이라는 기간동안 할 수 있을 지 모르겠지만 구현했을 때의 이점은 아래와 같다.

 

 1. 학습 자료나 북마크를 다른 사람들과 공유
 2. 집컴으로 작성한 메모를 다른 기기에서 확인 및 수정?