[우아한 테크코스 8기] 제 1회 테코톤 회고

안녕하세요 허닛입니다~

테코톤

한참 레벨2 장바구니 미션을 진행하던 중 공지사항으로 아래와 같은 공지가 올라왔다.

 

테코톤!!

우아한 테크코스의 근로 이벤트팀에서 미니 해커톤 느낌의 행사를 진행한다는 내용이였다.

보자마자 하고싶다는 생각은 들었지만 미션을 한창 진행하고 있을 때라 시간적으로 여유가 있을 지 걱정이 되었다.

생각하면 할수록 안하면 두고두고 아쉬울 것 같다는 생각이 들었고 안드로이드 크루 2명과 함께 일단 지원했다.

 

세개의 심장: 허닛브레드 샘이 솟아 리오레이별터

지원하기 위해 우리는 가장 먼저 팀명을 정해야했다.

이것저것 뱉다가 팀원이 하하의 “하이브리드 샘이솟아 리오레이비” 어떠냐는 의견을 내었고

약간의 변주를 넣어 “세개의 심장: 허닛브레드 샘이 솟아 리오레이별터”로 팀명을 정했다.

 

팀 프로필 사진이다...(왼쪽이 원본..)

 

별모씨가 야무지게 제미나이를 활용해 팀 프로필 사진도 제작햇다.

 

아이디어의 샘이 솟아

하지만 가장 큰 문제는 주제정하기

행사 주제는 “우테코 생활에 도움이 될 만한 서비스 개발” 이다.

팀 슬랙 채널을 통해각자 이런저런 아이디어를 뱉어봤는데 딱 이거다! 싶은 게 없었다.

 

(채널에서 나눴던 아이디어 중 일부)

주제가 하나로 정해지지 않아서 회의실을 예약해 아이디어 회의를 진행했다.

함께 우테코 생활에서 불편한 점이 있냐에 대해서 먼저 얘기를 했지만 모두 불편함의 역치가 낮아서 그런가 불편한 점이 없다는 점이 문제였다.

그러다가 별모씨가 슬랙에서 쓸 이모지 생성기 어떠냐는 의견을 냈다.

지난번 별모씨가 이모지를 만드는 걸 보고 나도 만들고 싶었는데 어려울 것 같아서 생각만 하다가 안만들었었다.

 

별모씨의 설명을 들어보니,

이모지 생성 사이트는 많지만 각각의 사이트마다 이모지에 넣을 수 있는 효과가 달라서 내가 원하는 효과를 가진 사이트를 찾는게 힘들었고 또 여러 사이트에 흩어져 있는 효과들을 함께 적용할 수 없어서 아쉬웠다고 했다.

그래서 우리는 “슬랙 이모지 생성기”를 주제로 정했다.

제 1회 테코톤 Start!

글 초반에 미니 해커톤이라고 언급했던 이유는 아래와 같다.

테코톤 타임라인

1시부터 5시 반까지 총 4시간 반 동안 하나의 결과를 완성해야 한다.

또한 사전 기획은 가능하나 사전 개발은 하면 안된다는 주의사항이 있었다.

이 시간 안에 결과물을 낼 수 있을 까 처음에 의심했지만 레벨1 첫 미션 때 경험했던 gemini canvas를 활용하면 우리가 원하는 결과물을 빠르게 낼 수 있겠다고 생각했다.

각자 프롬프트를 작성해서 각자의 결과물을 비교해서 디벨롭하기로 결정했다.

## 기능1: .Gif 생성

1. mp4 파일을 올리면 gif 파일로 변환
2. 입력된 텍스트에 이펙트를 추가하여 gif로 변환

## 기능 2: .JPG, PNG 생성

1. 이미지를 올리면 이미지로 변환
2. 입력된 텍스트를 이미지로 변환

## 추가적인 기능

1. 배경 설정 : 투명, 색상 조절, 그라데이션
    1. gif인 경우 배경 이펙트 설정
2. 텍스트 조절: 크기, 폰트, 두께, 색상 조절
3. 텍스트 이펙트

## 결과물 조건

- 용량 - 128kb 미만
- 128 x 128 픽셀
- 지원 포맷: PNG, GIF

• 프롬프트 원문 중 일부

위와 같이 생성해야할 이모지에 대한 조건, 추가하고싶은 이펙트들을 작성했는데

말 안듣는 잼미니

 

내 제미나이는 말을 듣지 않았다..

웹앱을 만들어달라는 프롬프트를 작성했는데 UI 이미지를 제공해주는 등의 문제를 일으켰다.

내 프롬프트가 이상한가 싶어서 별모씨와 샘모씨의 프롬프트를 내 제미나이에 입력해봤는데, 똑같은 이슈가 발생했다.

제미나이에게 채찍질한 결과 웹앱을 만들어주긴 했지만 그 사이 샘모씨가 야무지게 웹앱을 구현해놔서 샘모씨의 작업으로 디벨롭하기로 결정했다.

생성한 .gif형식의 이모지가 제대로 다운로드 되지 않는 등의 문제점도 해결하고, 원하는 이펙트들을 추가하는 작업을 했다.

Who Made This!

허닛브레드 샘이 솟아 리오레이별터와 제미나이가 함께 만든 합작품이다.

텍스트, 이미지, 영상을 커스텀하여 이모지를 생성할 수 있다!

아래는 테코톤을 진행하며 테스트를 위해 만들었던 펀치 시리즈 이모지이다.(매우 유용하게 쓰고 있다)

:펀치시리즈:

16팀이나 참여하기도 했고 다른 팀들의 결과물을 보니 정말 재미있고 유용한 결과물을 도출해 낸 팀들이 많아서 입상은 기대도 못하고 있었다.

하지만 너무 감사하게도 12표를 받아 3등을 했고 배민 상품권도 받았다!

 

 

함께한 샘이솟아, 리오레이별터에게 박수를 보냅니다.

 

자세한 내용이 궁금하다면 👇🏻👇🏻👇🏻

Who Made This 사이트

Who Made This - 슬랙 커스텀 이모지 생성기

깃 레포지토리

GitHub - 3S2-HSB/who-made-this: 슬랙 커스텀 이모지를 쉽고 빠르게 만들어주는 웹앱