Skip to content
Park Sang Shin edited this page Jan 20, 2021 · 2 revisions

lifemanager v4.0.0

개요

생활 코딩에서 express로 웹 서비스 만드는 강의를 봤습니다. 쓰고 있던 lifemanager를 저 강의에서 만든 서비스처럼 웹 브라우저로 어디서든 접근할 수 있게 하면 좋겠다고 생각해서 개발하게 되었습니다. 또 데이터가 항상 DB에 정제된 형태로 저장되기 때문에 의미있는 형태로 오래 저장할 수 있고 가져와서 시각화도 웹 브라우저에서 쉽게 할 수 있을 것 같았습니다.

사용한 기술

FE

  • HTML, CSS, Bootstrap4.0

BE

  • node.js express, MySql

개발 기간

20년 2월 ~ 20년 4월

동작

  1. 아래 형식에 맞춰 데이터를 입력한다.
  2. 입력된 데이터는 완료되기 전까지 붉은색을 띄면서 자동으로 완료 시간이 현재 시간으로 업데이트 된다.
  3. 업데이트를 누르면 완료시간을 현재시간으로 하고 입력된 데이터를 DB에 저장한다.
  4. 원하는 기간동안 입력된 결과를 확인할 수 있다.

source code

https://github.com/pkiop/lifemanager/tree/650b5c3a1922bbd64a2d17731c631b22e874e5f0

결과

기록하기 편리

PC로 공부하고 있을 때는 PC 웹브라우저로, 그 외에는 스마트폰 웹 브라우저로 언제 어디서든 기록을 할 수 있었습니다.

시각적으로 장점

결과를 그래프로 보여주는 라이브러리를 사용해 쉽게 좋은 시각화를 할 수 있었습니다.

영구적으로 저장

서버용 PC를 분실하지 않는 한 데이터가 사라지지 않습니다. 또 DB에 저장했기 때문에 손쉽게 백업을 해 둘 수 있습니다.

보안 이슈

나만 사용하고 나만 들어갈 수 있는 걸 염두하고 만들어서 user정보등으로 인증하는 과정이 없습니다. 그래서 누구나 들어와서 제 것을 수정할 수 있습니다.

테이블 설계 미숙

1일 당 하나의 table을 만들어서 관리했습니다. MySQL을 제대로 쓰는 법을 몰라 매일 입력이 일어나는 날이면 오늘 날짜를 이름으로 새 테이블을 만들게 해서 저장했습니다.

너무 잘 사용함

집에 남는 mac mini에 pm2 로 배포를 해서 사용하고 있는데 한번도 서버에 문제가 생긴 적 없이 잘 사용하고 있습니다.

Clone this wiki locally