v3.0.0

lifemanager v3.0.0

개요

v2로도 큰 불편함은 없었지만 시각화를 더 잘 하고 싶었습니다. 당시에 생활코딩 web강의를 공부했는데 html 태그 중 table태그를 배울 때 이걸 활용해서 표를 만들면 안에 색도 넣고 text도 넣어서 뭘 했는지 더 잘 보여줄 수 있을 것 같았습니다.

사용한 기술

FE

• HTML : output을 table 표로 보여줍니다.

BE

• flask
• C++ (v2.0.0 코드)

개발 기간

19년 12월 ~ 20년 1월

동작

1. 기존 input 입력을 index.html이 렌더링 되면 input tag에 입력으로 준다.
2. 입력 결과를 기존 C++ 코드가 처리해서 필요한 데이터를 생성합니다.
3. 이 데이터를 flask가 받아서 html의 table태그를 이용해 output을 만들어 렌더링합니다.

Output

// 추후 추가

source code

https://github.com/pkiop/Timechecker_web

결과

시각적으로 장점

시각적으로 훨씬 좋은 결과가 나왔었습니다. td태그의 색을 각각 바꾸고 안에 텍스트를 넣어서 이 시간에 뭘 했는지 바로 볼 수 있게 했습니다.

v4.0 개발 아이디어

굳이 input txt를 따로 저장하고 한번에 입력할 필요 없이 그 때 그 때 입력을 웹 앱이 받아서 DB에 저장을 하고 결과를 만들어내는 페이지를 따로 두는게 좋아 보였습니다. 이렇게 하면 evernote없이 웹 브라우저만 있으면 어디서든 입력하고 결과를 확인할 수 있을 것 같았습니다.