JunhOpportunity / mandalart

인생의 목표를 이루기 위해 필요한 것들을 적고 상기시키는 만다라트를 작성할 수 있는 웹 사이트를 만들어보자.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

만다라트

인생의 목표를 이루기 위해 필요한 것들을 적고 상기시키는 만다라트를 작성할 수 있는 웹 사이트를 만들어보자.

목적

너무 반복적인 삶을 살다보니 제 목표를 잊고 살아가는 날들이 점점 많아졌습니다. 이게 내 목표를 향한 길이 맞는가? 내 목표를 이루기 위해 지금 하고 있는 행위가 올바른 행위인가? 라는 질문을 던지는 것 조차 하지 않는 나날을 보내다보니 무기력함과 좌절감이 들 때가 많습니다. 이럴 때 내 목표를 상기시켜주고 내가 지금 하고있는 것들이 목표로 향하는 길인지에 대한 지표가 될 수 있는 것, 바로 만다라트라고 생각합니다. 그래서 저는 「기적의 만다라트」 라는 책의 내용을 토대로 저 자신 외에도 많은 사람들의 목표 설계에 도움을 주고자 이 웹앱을 만들기로 결심하였습니다.

사용 기술

  • NextJS v13
  • Firebase
  • Tailwind CSS
  • Github flow

이 기술을 사용한 이유

  • NextJS : NextJS를 사용해 제대로 된 웹 사이트를 배포해보고자 React 중심이 아닌 Next 중심의 프로젝트를 계획했습니다.
  • Firebase : 이전 프로젝트에서는 Firebase의 구버전 문법을 사용했었는데 신버전 문법을 사용해 좀 더 효율적인 코드 작성을 해보고 싶고, 좀 더 향상된 데이터 구조를 설계해 적용시켜보고 싶었습니다.
  • Tailwind CSS : Styled Components 이외에도 다양한 CSS 프레임워크를 사용해보고자 이 프레임워크를 선택했습니다. 복잡한 프로젝트가 아니기 때문에 간단하고 빠르게 스타일을 구현하기 위해서 Tailwind CSS를 선택했습니다.
  • Github flow : Git flow 를 학습하며 개인 프로젝트에서 Git flow를 사용하는 것도 좋지만 간단한 프로젝트에서는 복잡한 Git flow 보다 단 두개의 브랜치로 이루어진 Github flow를 사용해 빠르게 구현하고자 Github flow를 선택했습니다.

About

인생의 목표를 이루기 위해 필요한 것들을 적고 상기시키는 만다라트를 작성할 수 있는 웹 사이트를 만들어보자.


Languages

Language:TypeScript 90.5%Language:CSS 7.2%Language:JavaScript 2.3%