[공감병동 프로젝트] 1. 기획 및 디자인

ds-k.fe·2021년 11월 25일
0

공감병동 프로젝트

목록 보기
1/13
post-thumbnail

만들게 된 계기

가장 가까운 지인(@sominpark)과 함께 공부하고 싶었던 주제를 실습해보기 위해
2인 프로젝트를 하기로 했다.

수료 후 몸이 좀 아파서 계속 병원을 다니면서 입원도 하고 시술도 받고 험난했는데(지금은 아주 건강하다),
그때 같은 고통을 받는 사람들끼리 간단한 대화를 나눌 수 있는 무언가가 있으면 어떨까 생각을 했고,
그걸 웹사이트로 만들어보기로 했다..!(잘 되면 React-Native로 실습을 해도 좋을 것 같다.)

공부하고 싶은 스택

  1. Next.js
    React에서 SSR과 SSG를 간편하게 구현해줄 수 있는 라이브러리... 정도로 알고 있었는데,
    SEO 향상 뿐만 아니라, 정적으로 구현이 가능한 부분은 퍼포먼스에도 큰 향상을 가져오기 때문에
    꼭 한번 적용하고 싶었던 기술이라 도전해보기로 했다.
  2. TypeScript
    final 프로젝트에서 물론 사용을 해봤으나, 사실 스스로 TypeScript를 쓸 수 있다는 자신감을 가지기는 힘들었다.
    내가 뭘 알고 뭘 모르고 이 기술을 사용하는지 확신이 들려면 다시한번 차근차근 사용해보고 싶다는 생각을 했다.
  3. 상태 관리
    전역 상태관리에 대해 조금 더 진지하게 고민을 하고 적용해보고 싶다는 생각을 했다.
    https://ridicorp.com/story/how-to-use-redux-in-ridi/
    https://jbee.io/react/thinking-about-global-state/
    이런 글들을 읽고.. 다시한번 상태관리에 대해 공부해보면서 필요한 기술을 적용해봐야겠다는 결심을 했다.

기능

간단하게 생각한 기능은 다음과 같았다.

  1. 진료받는 과를 선택해서 글을 쓸 수 있다. (Quill editor를 이용해 여러 조건도 설정할 수 있다. - 이쁘게..!)
  2. 당연히 과별로 글들을 탐색할 수 있다.
  3. 좋아요를 주고 받을 수 있다.
  4. 마음에 와닿는 글을 스크랩할 수 있다.
  5. 개인 용도의 일기로서도 사용 가능하다. ( 게시물 공개 / 비공개 가능 )

여기에, 이야기하면서 조금 더 볼륨을 키워서

  1. 각 과별 상급종합병원을 조회할 수 있다.
  2. 그 병원의 위치를 카카오맵 등으로 보여줄 수 있다.
  3. 각 과에서 서로 알면 좋은 간단한 정보를 댓글 등으로 공유 할 수 있다.

정도로 정리했다.

네이밍 & 디자인

이름에 관해서도 고민을 많이 했다.
병상일기, 환우일기, nearby, beside 등등이 있었지만,
서로 공감할 수 있는 어떤 공간의 느낌을 주기 위해 공감병동이라는 이름으로 정했다.
디자인 포인트 색상은 코랄 블루 비슷한 색상으로 하기로 했고,
폰트는 serif를 선택해서 갬성을 더하기로 했다.
로고는 공감병동의 받침인 ㅇㅁㅇㅇ을 따서 심플하게..

  • 확정 로고

열심히 해보자!

0개의 댓글