[인생 그래프] 개인 프로젝트 시작하기

https://github.com/hongggyelim/lifeGraph

GitHub - hongggyelim/lifeGraph: 인생 그래프를 그려주는 웹어플리케이션

 

처음 생각한 것은 테이블 입력을 받아서 인생 그래프를 그려주는 것이었다.

Date	titile	score	emoji
2020년	입사	60	😎
2022년	코로나	-30	😂
2023년	퇴사	90	🙋‍♀️

이런식으로 유저가 데이터를 입력하면 그걸 그래프로 그려주는 방식

그리고 그 그래프에 유형을 지정해주고 이미지로 저장해서 공유할 수 있도록 하면 재밌겠다는 생각이 들었다.

 

그래프 위에 클릭을 해서 x, y 좌표를 받으면 title만 입력해도 되고, 훨씬 직관적이기도 하고 인터랙티브한 요소를 가미할 수 있다는 생각에 데이터 입력 방식을 변경하게 됐다. 

나도 이 편이 재밌을거같았다.

 

기존 서비스가 있지 않을까 하고 검색해보니 의외로 없었다.

이름 입력하면 일종의 랜덤 그래프를 그려주는건 있지만 이런 식으로 내가 원하는 그래프를 그리는건 안보였다.

가장 유사한건 온라인 화이트보드 서비스에서 제공하는 그래프 템플릿인것같다. 

canva 에서 그래프 템플릿 사용하기

 

구현하고 싶은 기능을 여러가지 리스트업해보았고, 기술스택도 당장 서버까지는 필요없는거같아서  간단히 프론트엔드로만 구성해보았다.

 

해본 적 없는거니까 gpt를 이용해서 개발을 빠르게 해보려고한다.

그치만 그 과정에서 알게되는 것들을 포스팅해가면서 gpt의 코드를 단순히 갖다쓰는게 아니라, 지식을 쌓아가는 과정이 되었으면 좋겠다. 그래서 세세하게 과정을 포스팅해보려고한다.

 

📒아이디어 정리 문서

🎨디자인 시안

이미지를 누르면 사이트로 이동합니다.