코로나 시대 홈코노미 아이템 제작과 상품 소개 웹 페이지 제작 5인 팀 프로젝트입니다.
2020년 가톨릭대학교 온라인 해커톤 장려상(3등)을 받았습니다.
일상으로부터의 한 칸, 당신의 한잔을 위한 혼술 패키지 및 홈페이지
개요
시작
개발자 4인과 디자이너 1인이 함께한 프로젝트이다. 프로젝트 기간은 7.20 - 7.31, 11일이었다.
아두이노, 3D 프린터를 사용해야 했고, 웹페이지를 PPT처럼 발표용으로 만들어야 했다. 따라서 서버 연결은 없었다.
4일 정도 CSS, HTML, 3D프린터에 대해 바나나 코딩에서 교육을 받았다. (아두이노에 관해선 질문만 받았다) 웹 개발은 전공 수업에서 배운 게 전부였고, 아두이노는 나 외에 아무도 만져보지 않았다. 하지만 다들 통신병 부심으로 할 수 있다 했다. (ㅋㅋ)
교육받은 내용은 아주 기초적인 내용이었고, 어느 정도의 결과물을 내야 하는지가 큰 고민이었다. 하지만 우린 1등을 목표로 했기 때문에 무조건 열심히 하기로 했다.
남은 7일 동안 기획 확정, 홈페이지 디자인, 웹 개발, 아두이노 회로 설계, 3D 모델링, 제품 사진 촬영, 발표 준비... 등등을 모두 해야 했다. 그래서 남은 4일은 합숙을 했고, 하루 전날은 통째로 밤을 새웠다.
주제 선정
주제는 혼술 패키지로 결정했다. '홈코노미' '코로나' '제품'이 담겨야 했고, 20대의 눈에서 우리에겐 술자리가 가장 아쉬운 일이 아닐까? 생각했다.
와디즈 혼밥 패키지 펀딩을 참고하며 혼자 술을 즐길 수 있는 패키지를 제작하고, 그 상품을 소개하는 웹 페이지를 만들기로 했다. 웹 페이지는 와이즐리, Atom의 홈페이지 디자인을 참고해 디자이너가 멋지게 디자인해주었다.
팀 이름은 C2H6O이었다. 에탄올의 화학식. 그리고 제품 이름은 SPACE. BAR로 결정했다. 일상으로부터의 한 칸, 그리고 집에서 즐기는 BAR의 의미를 담았다.
네이밍부터 진심이었다.
개발 룰 정하기
- GitBash 깔기, Github 가입하기
- HTML, CSS, JavaScript -> Sublime Text로 개발
- View 만들 때마다 디자이너에게 컨펌꼭 받기
간격, 글씨크기, 색, 이미지 크기,등등 모두 확인해야 함 - 애니메이션은 가장 나중에
- 모르는 게 있으면 물어보자.
팀 개발은 나만 경험자였다. 그래서 내가 리드 개발자 역할을 했다.
깃은 필수였다. 그런데 문제는 친구들이 merge 할 때마다 나에게 도움을 요청함.
다들 충돌날까봐 벌벌 떨었다. 나도 처음엔 그랬는데 하하
코드로 하면 혹여나 더 어려울까봐 GitBash 사용 방법을 알려줬다.
(아쉬웠던 점은 브랜치 룰이나 네이밍, 패키지 분류 등을 하지 않아서 정리가 어려웠다. ㅠㅠ
Git이 엉망진창. 다음에는 개발 기간이 짧더라도 규칙을 만들고 지켜야겠다고 생각했다.)
사용 툴
