blog logo
Published on

테오의 구글스프린트 4기 후기

게더타운 4기 단체 짤

Intro

지난 2월 16일부터 5일동안 테오가 주최하는 구글 스프린트에 참가를 했다! 평소에 퇴근하고 사이드 프로젝트를 너무 하고 싶었고, 회사 이외의 다른 사람들과도 협업을 즐기고 싶어서 신청하게 되었다.

보통 사이드 프로젝트를 신청하기 전에 자신의 실력에 대한 두려움을 갖는다. (테오의 오픈 채팅방에서 사람들이 글을 남기는 것을 봤음..) 나도 내 실력이 팀에게 민폐가 되지는 않을까 하는 두려움이 있었지만, 또 그런 부담을 이겨내는 것이 성장하는 길이라고 생각을 하며 그나마 있는 용기를 가지고 지원을 했다!


첫째날: 스프린트 시작!

구글 스프린트 피그잼 짤

첫째날에는 게더타운에서 모여서 간단하게 자기소개로 시작을 했다. 그리고 모든 진행은 위와 같은 사진처럼 피그잼에서 진행이 됐었고, 정말 유익한 경험이었다.

테오가 질문을 던지면 우리는 포스트잇으로 각자의 생각을 적고 한명씩 돌아가며 발표를 했다. 위의 내용은 우리가 스프린트를 하면서 사용할 닉네임에 대한 설명을 한 장면이다.

어느정도 각자에 대한 설명이 끝난 후 아이디어 경진 대회가 펼쳐졌다!! 개인이 생각한 아이디어를 적고 투표를 했다. 그 결과 이번 스프린트의 주제는 바로!! 두구두구둑...



구글 스프린트 피그잼 짤

바로 컴포넌트 라이브러리 개발입니다!!! 처음에 준이 이 아이디어를 냈을 때 저는 너무 솔깃했고, 정말 해보고 싶다는 생각을 했었는데.. 다들 나와 똑같은 생각을 하고 있었다 ㅋㅋㅋㅋㅋ 그래서 바로 당첨!!!

그 후 아직 코드도 짜기전에 다들 벌써부터 npm i -D '우리가 만든 라이브러리'할 생각에 들떠있었다고 한다...ㅋㅋㅋ


둘째날: 아이디어 구체화 하기

구글 스프린트 피그잼 의견논의_01

이제 프로젝트의 주제가 정해졌으니 본격적으로 아이디어에 대해서 더 구체적으로 의견을 모으는 시간을 가졌다!

오늘도 위의 사진처럼 테오가 질문을 던지면 우리는 각자의 생각을 적는 방식으로 진행이 되었다. 테오가 프로젝트가 구체적으로 형상화가 되기 전까지 이런식으로 많이 질문을 던져주시고 의견을 하나로 통합해주는 역할을 많이 해주셨다. 확실히 팀에 이런 역할이 필요하다고 느껴졌다.

스프린트가 진행되는 내내 각자의 의견을 적고 한명씩 꼭 발표를 하고 그 의견들을 조율하는 일은 어렵고 시간이 많이 필요하면서도 꼭 필요한 과정이다. 우리는 협업을 해야하는 사람들이니까 의견 통합은 정말 중요하다. 이러한 것처럼 테오의 프로젝트 빌딩과정에서 많은 것을 배워갔다. 그리고 실제로 이렇게 진행했을 때 단합도 잘 되었고 무엇보다 정말 재밌었다! bb (다음에 프로젝트할 일이 있으면 써먹을 것 같다..)

하지만 사실 이렇게 진행하는 동안에도 의견은 많이 갈렸고, 통합하는 일은 쉽지많은 않았다.


구글 스프린트 피그잼 의견논의_02

그래서 팀원 모두가 의견이 일치했던 부분부터 논의를 했다. 라이브러리에서 중요하다고 생각한 것은 어그로가 잘 끌리는 README.md가 있어야 사람들이 관심을 가질 것이라고 생각을 했고, README.md를 잘 만들기 위해 이에 대해 다시 팀원과 논의를 이어갔다. 피그잼에서 나온 결과는 GIF를 활용하자는 의견이었다.

구글 스프린트 피그잼 의견논의_03

둘째 날이 끝나갈 때 즈음 어느 정도 프로젝트에 대한 그림이 그려지고 있는 것 같아서 정말 뿌듯했다. 4, 5일차에 온전히 개발만 할 수 있도록 내일까지 아이디어 논의를 끝내는 것이 목표인데, 다들 정말 열심히 잘 해주셔서 나도 더 자극을 받았다.


셋째날: 아이디어 스케치

구글 스프린트 피그잼 의견논의_04

오늘은 만나기 전 미리 자신이 생각한 프로젝트의 모습에 대해 레퍼런스를 가져오고 공유하는 시간을 가졌다. 확실히 레퍼런스를 공유하니 팀원들이 어떤 것을 하고 싶어하는지 구체적으로 알 수 있어서 좋았다. 레퍼런스를 보면서 팀원들의 생각들을 듣고 정리하다 보니 어느새 우리들의 프로젝트를 구체적으로 표현할 수 있게 됐다!!!

어제까지는 시각적인 라이브러리, 애니메이션 컴포넌트 라이브러리 등 여전히 추상적으로 정해졌었지만, 오늘은 결론이 났다. 우리는 배경에 날씨 효과를 줄 수 있는 컴포넌트 라이브러리를 만들기로 결정이 났다. 정말 열띤 토론이 오고 갔다. 소그룹으로 나눠서 토론도 했다. 계속 돌아가면서 토론을 하다보니 결국 의견 통합이 자연스럽게 이루어져있었다.. 정말 신기.. +_+

구글 스프린트 피그잼 의견논의_05

하지만 디자인적으로는 아직도 많이 부족해 보인다. 다행히 팀 내에 UI/UX를 전문적으로 일하셨던 분이 계셨고.. 그 분을 제외한 나머지 프론트엔드 분들은 그저 환호성만 질렀다...ㅋㅋㅋㅋㅋ 팀 내에 디자이너가 있다는 게 이렇게 좋은 일인 줄 이날 깨달았다 ㅜㅜ


넷째날 / 다섯째날: 개발 시작 그리고 npm 배포

넷째 날부터 본격적으로 개발을 시작했다. 우리의 최종 목표는 npm 배포이기 때문에, 컴포넌트를 만들기 전 배포부터 시도를 했다. 그리고 정상적으로 npm 배포가 된다면 그 때 컴포넌트 개발 작업에 착수하기로 했다.

npm 배포는 모두가 해보지 않은 경험이라 다들 설레이고 있었다. 그리고 많은 난관에 부딪힐거라 예상하고 있었다. 하지만 생각보다 npm 배포가 그리 어렵지는 않았던 것 같다.. 아무래도 좋은 레퍼런스 자료가 많다보니 어렵지 않게 했던 것 같다.

👇 Typescript CRA npm 배포 참고 자료 👇

NPM에 타입스크립트 및 자바스크립트 배포하기
react 컴포넌트 npm에 배포하기
[npm] Typescript 패키지 배포하기


다같이 모여서 npm 배포만 같이 하고 컴포넌트 개발은 팀을 이루어서 진행했다. 우리는 Time, Weather, Season에 대한 컴포넌트를 만들기로 정했고, 나는 Season 컴포넌트 개발팀에 배정되었다. Season은 날씨에 관련된 컴포넌트를 만들면 된다. 그래서 봄, 여름, 가을, 겨울에 대한 배경을 나타내주는 컴포넌트를 만들었다. 그리고 간단한 애니메이션 효과를 넣어주었다.

프로젝트 피그마

우리 디자이너분(?)께서 열심히 디자인 작업을 해주셔서 편하게 개발을 했었다. 개발하는 내내 팀원들의 환호성은 계속 이어져갔었다ㅋㅋㅋㅋ 우리들의 최종 목표인 npm 배포가 첫날 잘 마무리되어서 개발도 차질없이 잘 끝낼 수 있었다.


결과물

프로젝트 공식 홈페이지 이미지
프로젝트 피그마
프로젝트 피그마
프로젝트 피그마

좋은 팀원들을 만난 덕분에 5일만에 멋진 프로젝트를 성공시킬 수 있었다!! 좋은 팀원들을 만난 것도 행운이라고 생각한다. 현재는 이 팀원분들과 스터디를 꾸준히 이어가고 있는 중이다. 이렇게 만난 연을 프로젝트에서 끝내고 싶지 않았다. 다들 꾸준히 성장하려고 하는 욕구가 넘치시는 분들이라 같이 있으면 자극을 많이 받았다.

프로젝트가 5일동안만 진행이 되서 짧은 기간에 많은 아쉬움이 남지만 깨달았던 부분, 얻어가는 부분이 정말 많아서 뜻깊은 5일이 됐다. 생각보다 개발을 잘 하시는 분들이 많았고, 열정이 넘치는 분들이 많다는 것을 깨닫게 되었다. 딱히 뭘 하지도 않았는데.. 세상이 나를 계속해서 겸손하게 만든다..

이번 프로젝트에서도 프로젝트의 가장 중요한 부분은 소통이라는 것을 다시 한 번 깨달았다. 그리고 듣는 자세의 중요성을 깨달았다. 상대방이 나와 의견이 다르다고 해서 옳고 그름을 따지려고 하면 안된다. 프로그래밍에서는 정답이 없고 모두가 해결하고 싶어하는 방향은 다 다르다는 것을 항상 명심해야 한다. 이번 프로젝트에서도 듣는 자세로 팀원들을 임했다. 생각보다 내가 잘못 알고 있는 지식도 있었고, 기술적으로 풀어나가기 힘들어 하는 부분이 있다는 것도 알게 됐다.

그동안 퇴근하고 무슨 공부를 해야하지.. 라는 고민을 정말 많이 했는데, 이번 프로젝트를 통해서 저런 고민은 더 이상 하지 않게 되었다. 웹 프로그래밍을 하면서 가장 본질적인 것들을 공부하기로 마음 먹었다. 그리고 최신 기술에 계속 관심을 가지고 연습해 보기로 마음을 먹게 됐다.

그리고 또 크게 깨달은 한 가지는 내가 생각보다 기술적으로 도움이 많이 되지 못했다. 많이 부족했던 것 같다. 그래도 꾸준히 성장하는 좋은 팀원들과 소통하는 것만으로도 공부가 되는 것 같아서 기분이 좋다. 다시 한번 더 어떤 개발자가 되고 싶은지 생각하게 되는 시간이었고, 마지막으로 이런 시간과 기회를 마련해준 테오에게 감사하다는 말을 꼭 전하고 싶다.


React-Season-Component

⭐️ npm 사이트 가기 ⭐️
🎊 공식 홈페이지 가기 🎊