프로덕트

아티클

전체 보기
니떡국 내떡국

니떡국 내떡국

주니어가 사이드 프로젝트를 하기 전까지 몰랐던 세 가지


안녕하세요! 니떡국 내떡국 개발팀입니다. 니떡국 내떡국(이하 니떡내떡)은 떡국에 고명을 올려주는 방식으로 새해 덕담을 나누는 온라인 롤링페이퍼 서비스입니다!

이전에는 니떡내떡 팀의 프로젝트 시작과 과정에 대한 간단한 글로 찾아뵈었는데요,

이번 메이커로그에서는 사이드 프로젝트를 하며 느꼈던 점과 그것들을 구체적으로 어떻게 적용했는지를 공유해 보고자 합니다.

6명의 주니어들은 어떤 문제를 깨닫고, 그걸 해결 하기 위해 어떤 노력을 했을까요?


1. 사람도, 코드도 완벽할 수 없다.

프론트엔드 팀원끼리 Next.js 공부를 같이 시작했다가, 뭘 만들면서 공부해볼까? 하고 의견을 나눴던게 프로젝트의 시발점이 되었어요.

사용하는 기술 스택인 넥스트와 테일윈드를 모두가 처음 써보는 상황이었기 때문에 초반 러닝커브가 큰 편이었습니다.

따라서 완벽하게 학습하고, 100% 최적화된 코드를 짜기는 어려운 상황이었어요.

중꺾마.png

그래서 ‘일단 구현하는 것’을 목표로 하고, 리팩토링은 완성된 이후에 진행하기로 했습니다.

그냥 공부만 하는 것보다 구현을 하면서 공부하니 이게 어떻게 적용되는지 눈으로 직접 볼 수 있어 이해에도 많은 도움이 됐고, 추후 리팩토링을 하면서는 리팩토링된 코드가 왜 더 효율적인지 더 크게 체감할 수 있었어요.

또한 코드뿐만 아니라 결과물을 기간 내 런칭하기 위해 기획 단계에서도 우선순위를 적용했습니다.

최우선적으로 구현되어야 하는 디자인/기능을 상/중/하로 나눠 우선순위가 높은 요소부터 함께 작업을 진행했어요.

중요도를 모두가 공유하니 이 업무가 왜 빨리 끝나야 하는지에 대한 같은 이해가 생겨 의사소통에도 도움이 되었습니다.

2. 사람 일은 한치 앞도 모른다.

뭔가를 만들어보자! 며 함께 모였지만 ‘사이드’ 프로젝트이다보니 누군가는 현업에, 또 누군가는 갑작스러운 일정이 생기는 날도 존재했습니다.

당장 오늘 점심도 뭘 먹어야 할지 모르는 것처럼 당연한 일이라고 생각합니다.

하지만 프로젝트를 완수해야 하니, 개인 일정을 상세하게 서로 공유해 개발 기간과 주차별 목표를 명확하게 설정했습니다.

프로젝트 일정 캘린더.png

(👆🏻 프로젝트를 기획하며 함께 설정했던 개발 기간)

또한 업무 공유를 위해 현업에서 많이 사용하는 Jira를 사용해보았는데요!

jira.gif

해야할 일이 생겨도 일감 등록이 간단해 쉽게 기록할 수 있었고, 진행 상황을 시각적으로 파악할 수 있는 칸반보드 덕에 매 주 목표치 대비 진도율을 명시적으로 확인할 수 있어 협업에 큰 도움이 되었습니다.

공유한 일정을 기반으로 촉박하지도, 과하게 여유롭지도 않게 개발 기간을 설정해 두었고 서로 진행도를 항상 공유했기 때문에 어느 지점에서 딜레이가 생겨도 큰 무리 없이 목표 기간 내에 개발을 완수할 수 있었습니다.

3. 백지장을 맞들면 당연히 낫다.

현업과 병행하거나 여러 개의 프로젝트에 참여하고 있는 팀원도 있기 때문에 서로 바쁘다는걸 인지 하고 있었습니다.

하지만 방해할까봐 걱정되어 꼭 필요한 질문을 미루지는 않기로 약속했어요.

자유롭게 의견을 공유하고 질문하는 분위기를 만들기 위해 서로 적극적으로 말을 나눴습니다.

또한 사는 지역이 달라 온라인으로 작업할 수 밖에 없는데 그러다보면 결국 내가 담당한 파트만 혼자 개발하게 되는 경우가 종종 있었습니다.

그래서 함께 작업하는 분위기를 만들기 위해 디스코드를 만들어 화면 공유를 켜놓고 모여서 각자 작업을 진행하곤 했습니다.

Untitled.png

화면 공유로 서로 어떤 작업을 진행하고 있는지 확인하고, 의견도 바로 나누며 혼자가 아니라 공동의 목표를 향해 작업하고 있다는 좋은 시너지 효과가 났어요!


프로젝트가 끝나면 이번에는 어떤 것을 잘했고, 아쉬웠는지, 그리고 그 과정은 어땠는지 복기하는 시간을 가져보곤 하는데요.

무엇보다 이번 프로젝트는 서로 존중하고 한 발 물러서며 의견을 경청하는 경험을 했기 때문에 다음에 다른 분들과 협업을 하더라도 이 태도를 바탕으로 진행할 수 있을 것 같아요.

여기까지 긴 글 읽어주셔서 감사합니다!

메이커 선배님들의 협업 팁이나, 어떠한 일화가 있었는지 남겨주신다면 경청하고 또 배워가도록 하겠습니다.

이스터에그.png

(👆🏻 용용이의 새해 복 인사 이스터에그를 찾으셨나요?ㅎㅎ)

새해 복 많이 받으시고 행복한 하루 되세요!

니떡국 내떡국

2024년 설날을 맞이해 롤링페이퍼에 마음을 담아요!🩵

7
1
니떡국 내떡국

니떡국 내떡국

주니어지만 사이드 프로젝트는 하고 싶어 (ft. 니떡내떡 개발 후기)


안녕하세요! 니떡국 내떡국 개발팀입니다. 니떡국 내떡국(이하 니떡내떡)은 떡국에 고명을 올려주는 방식으로 2024년 새해 덕담을 나누는 온라인 롤링페이퍼 서비스입니다!

니떡내떡의 개발팀은 디자이너 1명, 비전공 개발자 5명의 0~2년 차의 주니어입니다.

주니어끼리 얘기하다 보면 ‘사이드 프로젝트 하고는 싶은데 무엇을 어떻게 해야 할지 잘 모르겠다!’는 말을 많이 듣곤 했는데요!

평소 디스콰이엇의 메이커로그를 즐겁게 읽었고 ‘나도 뭔가를 만들어서 여기에 과정을 공유해 보고 싶다!’ 고 생각 해왔던 만큼,

니떡내떡을 배포 과정을 공유한 이 글이 또 다른 주니어분들께 도움이 되길 바랍니다.


사이드 프로젝트 그거 어떻게 하는 건데

study.jpg

사이드 프로젝트의 시작을 가로막는 진입 장벽! 바로 주제 선정입니다.

프로덕트를 만든다면 남들과 다른 주제여야 할 것 같고, 신박한 기능이 있어야 할 것 같아 도전을 망설이곤 했습니다.

그러다 부트캠프 동기인 프론트엔드 팀원들끼리 스터디를 하다가, 사용자가 우리밖에 없더라도 뭔가 만들어 배포해 보자! 는 이야기를 나누게 되었는데요.

이렇게 완벽하지 않아도 일단 뭐라도 해보자는 목적으로 시작한게 니떡내떡의 우연한 시작이었습니다. (그리고 그때는 정말 간단하게 구현할 줄 알았죠 🫨)

브레인스토밍 중 다가오는 설날의 덕담을 나눌 수 있는 뭔가를 만들면 어떨까? 하는 의견이 나왔고, 가장 상징적인 떡국에 고명을 올려 덕담을 나눈다는 컨셉을 좁혀갔습니다.

그 후 배포 날짜를 설날 2주 전으로 확정한 뒤 개발 기간에 맞게 기획을 추려내며 니떡국 내떡국의 개발을 시작하게 되었습니다!

어떻게 해야 '즐겁게' 협업할 수 있을까?

혼자 개발하면 본인 마음대로 진행할 수 있지만 다른 사람과 함께한다면 일정뿐만 아니라 의사소통, 결과물을 정리하는 방식까지도 맞춰가게 됩니다.

몇십 년을 같이 보낸 가족과도 가끔 트러블이 생기는 날이 있는데, 가족도 아닌 다른 팀원과도 그런 순간이 올 수 있지 않을까요?

저희는 이왕 하는 거 즐겁게, 잘 협업하기 위해 아래의 두 가지는 지키기로 약속했습니다.

첫째, 항상 듣는 사람의 입장에서 생각하고 서로를 존중하는 것입니다.

말씀드린 것과 같이 니떡내떡팀의 프론트엔드 팀원들은 모두 부트캠프 동기이고, 디자이너, 백엔드 팀원도 부트캠프를 통해 만난 인연입니다.

프로젝트 시작 전 팀원들끼리 함께 정했던 것은 업무와 친목은 별개이니 공과 사를 구분하자는 것이었어요.

니떡내떡 팀원들이 만난 지 1년이 다 되어가지만 아직도 서로에게 존댓말, 높임말을 쓰고 ‘~님’ 호칭을 유지하는 것도 그 이유인데요,

존댓말을 쓰니 서로 단어 사용에 더 주의하게 되었고, 자연스럽게 서로 존중하는 분위기를 조성할 수 있었습니다.

둘째, 함께하는 시간을 꼭 만드는 것입니다.

하루 종일 공부한 이후나 퇴근 후에는 쉬고 싶은 게 너무나도 당연합니다. 또, 내 의지와 상관없이 아픈 날도 있죠.

‘사이드’ 프로젝트이다 보니 팀원마다 사이드에 투자할 수 있는 시간이 모두 다른데요,

니떡내떡팀은 정기 회의 시간뿐만 아니라 주 1~2회 특정 요일은 같이 작업을 진행하는 날로 정해 그 시간만큼은 꼭 작업할 수 있도록 규칙을 정했습니다.

이렇게 일정 시간은 프로젝트에 할애할 수 있도록 고정된 작업시간이 있었기에, 팀원의 자유 시간도 어느 정도 함께 보장할 수 있었어요.

그리고 설날 2주 전 배포라는 공통의 목표가 있었고 기획 범위도 그에 맞췄기 떄문에, 과한 무리 없이 원활하게 일정을 진행할 수 있었습니다.

경험은 없지만 프로젝트는 잘 만들고 싶어

치즈덕_짤.png

(출처 : 나봄(@azzi_01)작가님 블로그)

니떡내떡 팀원은 취준생, 신입, 저 연차의 주니어들이기 때문에 아직 시야가 넓지 않았습니다..

사용자가 아닌 실제 유저에게 배포하는 메이커의 입장이 되어 가장 중점을 둔 부분은 '내가 만든 게 나만 이해하는 프로덕트가 되게 하지 말자’는 것이었습니다.

따라서 UI/UX를 담당하는 디자이너 팀원이 잘 이해할 수 있는 흐름인지 다각도로 고민해 기획과 디자인을 진행했고,

개발 팀원 또한 내가 코드로 구현한 부분이 기획에 잘 맞는지, 이 부분을 우리만 아는 게 아니라 사용자도 잘 따라올 수 있을지를 계속 고민하며 함께 의견을 나눴습니다.

덕분에 간단하지만 룰렛, 사진촬영 등의 재미 요소를 넣은 롤링페이퍼를 만들 수 있었고 긍정적인 피드백도 많이 들려와 보람찬 경험이었습니다☺️


위의 과정을 거치며 니떡내떡이 오픈한지 10일, 설날까지도 5일이 남았습니다!

그동안 니떡내떡은 유저 피드백을 받기도 하고, 새로운 업데이트를 하며 니떡내떡을 가꾸는 시간을 보냈습니다.

오픈을 하고 나니, 오픈했다고 끝이 아니라 그 다음 과정을 진행하는 것도 오픈만큼 어렵고 중요하다는 생각이 들어요.

한 달이라는 개발 기간 동안 고생한 팀원들의 한 마디를 나누며 글을 마무리하도록 하겠습니다.

다음번엔 니떡내떡 팀이 사이드 프로젝트를 하며 느꼈던 핵심 세 가지와, 그것들을 구체적으로 어떻게 적용했는지 풀어보는 글로 다시 찾아뵙겠습니다!

1_영은.png

짧은 기간 동안 서로에게 덕담을 주고받는 ‘니떡국 내떡국’을 만들기 시작하면서 공유 과정에 대한 고민을 많이 했어요. 내떡국을 공유하는 과정에서 이목을 끌만한 요소가 있어야 했기에, 떡국에 덕담을 남길 수 있는 필수 기능 외에도 덕담을 남기면 친구 캐릭터와 내 캐릭터가 사진을 촬영할 수 있도록 설계했어요. 결과적으로는 캐릭터에 대한 유저들의 반응이 예상보다 더 좋아서 뿌듯했어요. 또 프로젝트 진행 중에 생겨나는 고민들을 해결해 나가면서 디자이너로서도, 팀원으로서도 성장할 수 있었어요!

2_경록.png

혼자서 4명의 프론트엔드 개발자들의 작업을 서포팅 해야 하다 보니 부담감이 없지는 않았습니다. 하지만 오히려 백엔드 리소스가 적다는 것 때문에 큰 욕심부리지 않을 수 있었고 제공해야 하는 기능의 최소 스펙이 무엇인지 파악하는데 집중했었어요. 그 결과 프론트엔드 분들에게 적은 공수로 최대한 빠르게 API를 제공할 수 있었던 것 같아요. 사실 무엇보다도 백엔드 리소스가 부족하다는 사실을 모두가 인지하고 원래는 백엔드가 해야 하는 작업들이지만 프론트에서 대신 처리해 주고 많이 도와주셔서 무사히 프로젝트를 완성할 수 있었던 것 같습니다.

3_한솔.png

일정관리, 세팅, 공통 컴포넌트 등의 작업을 진행했는데 다들 시간을 쪼개서 진행하는 프로젝트기 때문에 어떻게 해야 효율적으로 구성할 수 있을까? 를 많이 고민하는 시간을 가졌습니다. 또 룰렛에도 많은 공을 들였는데 재밌다는 피드백을 받아서 뿌듯했어요. 다 같이 공식 문서를 찾아가며 새로운 스택을 적용해낸 프론트 팀원들, 너무 귀여운 UI/UX를 담당해 주신 디자이너님과 바쁘신데도 완벽하게 서버를 총괄해 주신 백엔드 팀원 모두에게 감사합니다.

4_유리.png

넥스트와 테일 윈드라는 처음 사용하는 스택으로 메인 페이지 및 인증 사진 촬영 기능 등을 개발하게 되었습니다. 개발하면서 크로스 브라우징(카카오 인앱 등)을 적용하는 과정에서 중간에는 포기하고 특정 브라우저에서만 실행되도록 유저에게 안내 메시지를 표시하도록 우회하는 방법을 찾을까 싶었지만 결국 해내면서 더 성장할 수 있는 계기가 되었습니다. 너무 보람찼고 하나씩 만들어가면서 개발이 즐겁다고 느꼈습니다.

5_주영.png

개발자로 일하면서 가장 즐거운 순간은 저희가 만든 서비스를 사람들이 사용할 때인 것 같아요. 설날이면 늘 주변 분들과 덕담을 나누는데 롤링페이퍼처럼 보낼 수 있다면 재미있겠다 생각하던 차에 마침 Next.js를 새롭게 공부해야 할 일이 생겼고 해당 기술로 서비스를 구현해야겠다 결심했습니다. 가장 좋은 학습 방법은 직접 서비스를 구현해 보는 것이라고 생각했거든요. 개인적으로 업무와 병행하기 어렵기도 했지만 업무와 별개로 또 다른 활력소가 된 경험이었습니다!! 서비스 규모가 너무 작지 않을까? 업무와 병행하기 어렵지 않을까? 고민하시는 분들이 있다면 꼭 프로덕트를 고민하고 완성하는 경험을 해보셨으면 좋겠어요! 팀원 모두들 애정이 많은 프로젝트라 아이디어가 엄청 많이 나왔었는데요. 내년에도 서비스 할수있게 된다면 더 많은 요소들을 담은 서비스를 만들어 나가고싶어요.

6_희제.png

Next.js를 처음 공부하며 프로젝트를 개발하는 거라 걱정이 많이 됐지만 팀원들끼리 적극적인 의사소통을 하며 합을 맞춰갔고 원활한 협업을 할 수 있었습니다. 그래서 오류가 생겨도 같이 고민해 줄 수 있는 팀원들이 있었기에 거리낌 없이 구현할 수 있었고 부딪치며 도전적으로 접근할 수 있었던 것 같아요. 이번 프로젝트를 하면서 같이 성장하며 팀원 모두가 재밌어하는 프로젝트를 하게 되어서 즐거운 시간이었습니다.


읽어주셔서 감사합니다. 새해 복 많이 받으세요!🎉

니떡국 내떡국

2024년 설날을 맞이해 롤링페이퍼에 마음을 담아요!🩵

5
0

포스트

아직 포스트가 없습니다.