서론
지인의 소개로 '해커톤' 이란것을 처음으로 경험을 해보았다.
우리 학교 내의 동아리인 '멋쟁이 사자처럼'(이하 멋사) 이라는 동아리에서 외부인 참가자를 모집하길래 얼른 신청하고 기다렸다.
멋사 분들은 대부분 파이썬 웹 프레임워크인 'Django'를 사용하는것 같아서 Front-end 라고는 전혀 할 줄 모르는 나는 해커톤까지 약 2주 남은 기간동안 Django를 공부해야지.. 싶었지만 결과는 바빠서 Fail..
결국 Django를 모르는상태로 팀을 배정 받았는데 백엔드 할줄아는 사람들이 많아서 프론트 엔드에 배치가 되었다. 팀 리더가 CSS를 해보라고 하길래 했는데 3시부터 시작한 해커톤에서 2시간동안 공부만 했다.. ㅋㅋㅋㅋ(Feat. 개구리싫어)
Flex,,? 이런 기술도 있었는데 내가아는 Flex는 컴파일러의 Flex밖에 없는데...
그리고 우리가 진행할 프로젝트는 '열었니? (Did you Open?)' 라는 서비스를 만들어 보기로 했다.
프로젝트 필요성
필요성은 아래와 같다.
- 가게 문이 열었는지 닫았는지 헛걸음 할때가 많음
- SNS 등으로 가변적으로 오픈하다 보니 고객 및 사업자는 불편함을 겪음
프로젝트 내용
프로젝트 내용은 아래와 같다.
- 아두이노 CDS 센서와 PIR 센서를 이용하여 업체 내 오픈 여부 확인
- Django 서버를 이용하여 Back-End 구축
- 아두이노의 센서 측정 값을 Django 서버로 전송하여 Open/Close 조건 설정
- 소셜 로그인 기능을 추가하여 카카오 로 그인 기능 추가
- HTML/CSS/Javascript 를 이용하여 Front-End 구축
- Kakao Map API 를 사용하여 마커를 추가하고 InfoWindows 생성
우여곡절 끝에 만들어낸 결과물은 아래와 같다.
조원 중 팀장이 Front-End 디자인 감각이 뛰어나서 이정도로 만들 수 있었다.. 나를 포함한 같은 Front 였던 두명은 개발보다는 공부를 정말 열심히 하고 온거 같다.. (Front는 어렵습니다 여러분.)
위 그림은 CDS 센서 및 PIR 센서의 값이 Close 라고 판단하여 InfoWindows에 'Close' 라고 표기되어 있는 모습이다.
백엔드 팀에서 "OAuth 인증 기술을 이용한 소셜로그인 기능.,. DB랑도 연동되었있는 아주 고퀄리티 기능이야!" 라고 말하던 소셜로그인 인증또한 구현 목록 중 하나이다.
블러 처리는 밤을 새고 난후 다들 몰골이 말이 아니기 때문에 묻지않고 그냥 블러처리했음..
결과적으로는 동상을 수상하였다. 솔직히 기대한만큼의 성적은 아니였지만 여러가지 변수로 인해서 그랬다고 생각한다. 다음에 이런 좋은기회가 있으면 한번더 참여해서 좋은 성적을 거두고 싶다. 다들 너무 고생했고 다른 대회가 있으면 다시한번 팀을 이뤄서 진행 해보고 싶다.
이상 회고 끝!
Github Link
