[1] 프로젝트 아이디어와 배경 & 프로젝트 목표

 

1. 프로젝트 아이디어와 배경

 

최근 배달의민족 송요창님의 취업 설명회에서 "1명이라도 누군가의 문제를 해결해주기 위한 프로젝트를 해본 적 있나요?"라는 질문을 받았다. 물론 처음 받아본 질문은 아니였다. '사람들이 정말로 사용할 만한 프로젝트를 해보세요' 등과 같은 취지니까. 하지만 약 2달 간의 긴 여행을 마치고 온 후, 나는 어떤 개발자가 되고 싶은지, 내가 즐겁게 만들 수 있는 프로젝트는 뭐가 있는지 고민하던 차에 이 질문을 받게 됐고, 이를 통해 개발자를 위한 프로필 생성 앱을 만들면 되겠다는 아이디어가 떠올랐다.

어릴 때부터 그림을 좋아했고, 디자인 전공을 선택한 후에도 꾸준히 그림을 그려왔다. 이후 개발 공부를 위해 노마드코더 디스코드에 참여하게 되었고, 이 곳에서도 조금씩 그림을 그리기 시작했다. 처음에는 공부하기 싫을 때 개인적으로 필요한 이모지를 만들었는데, 이후엔 '또자의 이모지 공방'이라는 쓰레드를 운영하게 될 정도로 많은 호응을 받았다.

어느새 가득 차버린 이모지 칸

귀여운 이모지 신청

 

이모지를 만들다 보니, 이모지 그림을 프로필 사진으로 사용하길 원하는 분들도 생겼다. 프사를 선물받은 많은 분들이 내 그림으로 만족스럽고 행복해하셨다. 

생각보다 더 좋아해주신 감사한 분들

 

다단계 마냥 계속 데려오셨다ㅋㅋㅋ

 

단순히 취미 생활로 그림을 그린 것 뿐인데, 그 덕에 생각치도 않았던 좋은 점도 많이 생겼다. 그림을 받은 분들과는 특별히 더 친해지기도 했고, 접점이 없던 분들과는 대화를 트게 된 계기도 됐다. 그리고 내가 개발 공부로 어려워 할 때 더 큰 도움들과 응원을 받기도 했다. 개발과는 전혀 상관 없어보이는 그림 작업이 취미를 넘어 많은 사람들과 소통하는 계기가 됐다!

 

회사 프로필로 활용하시는 분들도 계셨다 :-D

 

 

이런 경험을 바탕으로, 생각보다 많은 개발자들이 귀여운 그림들을 좋아하며, 귀여운 프로필 사진을 갖고 싶어한다는 걸 알게 됐다. 이후에도 종종 프로필 그림을 요청해주시는 분들이 계셨지만, 직접 그림을 그려줄 물리적 & 심적 시간이 부족해졌다. 이런 문제를 해결하기 위해 '또자의 그림으로 만드는 개발자 프사 생성 웹앱' 을 기획하게 됐다.    

 

 

요약

개발 공부 디스코드에서 취미로 이모지와 프사 그림을 직접 그려 제공함

→ 귀여운 개발자 프사에 대한 니즈가 있음을 인지했지만, 직접 그림을 그려줄 심적, 물리적 시간 부족의 문제 발생

→ 이를 해결하기 위해 귀여운 그림으로 개발자 프사를 생성할 수 있는 웹앱을 만들기로 결정. 

 

 

 

 

 

2. 프로젝트 목표와 기능

 

이 웹앱으로 다음과 같은 문제를 해결하려고 한다:

1. 귀여운 이미지/일러스트 제공: 또자(나)의 그림으로 다양한 옵션을 선택할 수 있는 정형화된 그림 필요.
2. 개발자 프사 생성: Canvas API를 이용해 사용자(개발자)가 원하는 프사를 만들고 꾸밀 수 있는 기능을 제공. 
3. 프사 저장과 공유: 사용자가 만든 프사를 저장할 수 있고, 만든 프사를 공유할 수 있는 게시판(자랑 게시판) 기능을 추가해 다른 사람들과 공유하고 사용할 수 있도록 합니다.

이 웹 앱을 통해 개발자들이 쉽게 자신만의 귀여운 프로필 사진을 만들고, 이를 공유하며 소통할 수 있는 플랫폼을 제공하고자 함!

 

 

 

사용할 기술 스택 : JS, HTML, CSS

우선 하나의 페이지에서 충분히 구동이 가능할거라 예측되어 Vanilla JS 을 사용해 초기 프로젝트를 만들어보기로 했다. (JS 복습도 할 겸!)

이후 필요하다면 REACT 로 기술 교체를 할 예정이다.

 

예상 기간

1차 배포 : 9월 7일

 

진행 상황

 

- 기존에 있던 그림 사용 -> 이미지 버튼으로 canvas 에 그림을 넣고 제거하는 기능

- 펜의 굵기와 컬러 선택 가능 & 펜으로 자유 드로잉 가능

- 로컬에 있는 이미지 파일을 canvas 내에 넣는 기능

 

 

진행 상황을 기록하며 틈날 때마다 만들어볼 예정! :)