[개발 협업] 신입개발자의 사이드프로젝트 협업 일기

 

안녕하세요! 가장 최근에 마이너리에 합류하게 된 신입 프론트엔드 개발자 피카입니다.

혼자서 개발할 때는 제가 모든걸 결정하고 진행했기에 협업을 생각한 적이 없었어요.
하지만 팀에 합류하고 많은 것을 배웠는데 그 중에 가장 큰 부분이 협업이에요.
그래서 지금은 하나부터 열까지 팀원들과 논의하고 결정하는 식으로 업무를 진행하고 있어요!

처음에는 협업이라는 것의 생소함에 당황하기도 했었지만
좋은 팀원 분들 덕분에 금새 적응하고 어엿한 마이너리의 개발자로 성장하고 있…습니다!
맞죠...?

저처럼 이제 막 협업을 시작해보시는 분들께
마이너리의 일원이 되어 현재까지 경험한 다른 팀과의 협업 이야기를 해보려고 해요!

 

재밌게 읽어주시고 마이너리 팀🍷에게 궁금한 점은 언제든지 알려주세요!
Contact us ➡️ minery.app@gmail.com

---

const FIRST_COOPERTATION_TEAM: string = DEVELOPMENT_TEAM

 

우선 가장 많은 이야기를 나눈 개발팀과의 협업에 대해 이야기를 해볼게요.

코드에서는 '왜?' 가 가장 중요하다고 생각해요.
잘짜여진 코드든 조금 아쉬운 코드든 왜 이렇게 코드를 짜게 됬는지 고민해보고
어떤 방식으로 바꾸면 더 좋을지 고민해본다면
추후 비슷한 상황이 발생했을 때 그 때의 고민을 기반으로 좋은 코드를 짤 수 있을 거에요.

또한 앞서 해온 의문을 기반으로 하는 ‘질문’ 또한 매우 중요하다고 생각해요.
그래서 코드를 보면서 이해가 되지 않거나 모르겠다면
본인이 고민한 것들을 기반으로 질문하는 것을 추천드립니다!
그 과정속에서 나눈 이야기들이 개발자로서 성장에 큰 도움이 될 거에요!

저도 이렇게 코드를 읽어보고 직접 만져보는 과정에서 이해가 되지 않거나 모르는 부분들은
개발자분들과 공유하고 이야기를 나눠보며 마이너리 코드에 빠르게 적응하고
코드를 짤 때의 생각의 범위와 깊이가 넓어져 개발자로서의 역량이 조금씩 커져가고 있어요!

 

 

마이너리 웹 코드 중 일부

마이너리 웹 코드 중 일부를 몰래 ... 발췌해왔어요.
현재 사용중인 기기에 따라 사용되는 배너와 크기에 대해 정의한 함수에요.
기존에는 위에 첨부된 이미지처럼 useMemo를 사용하지 않았었는데
다른 곳에서 useMemo를 자주 사용하고 있었고 코드리뷰에서도 useMemo에 대해서 언급해주셨어요.

그래서 useMemo라는 함수에 대해서
제가 이해한 부분과 이해 되지 않는 부분에 대해 이야기를 했고
이 내용들을 기반으로 설명을 해주셨어요.

그래서 지금은 이해한 내용을 바탕으로 해당 함수가 필요한 곳에
적절히 사용하므로 코드의 효율성을 높이고 있어요!

 

마이너리 코딩 컨벤션

마이너리를 개발할 때 지키기로 한 코딩 컨벤션 중 일부에요.
내용을 살펴보면 사소한 내용들에 대해 정의를 해두었어요.
하지만 각자의 코딩 습관이 남아있기에 이런 사소한 부분에서부터 조금씩 차이가 발생하더라구요.
그래서 사소한 것 부터 함께 맞춰나가기 위해 많은 이야기를 거쳐 하나씩 정해나가고 있어요!

 

---

 

프론트엔드 개발자가 하는 업무는 크게 UI와 UX를 구성하는 업무가 있어요.

UI에 관해 작업할 때는 디자인팀과 UX에 관해 작업할 때는 기획팀과 늘 소통하고 있기에.
디자인팀과 기획팀과의 협업에 대한 이야기도 빠질 수 없답니다.

 

const SECOND_COOPERATION_TEAM: string = DESIGN_TEAM

먼저 디자인팀과의 협업에 대한 이야기를 해볼까해요.

디자인팀과 작업할 때 가장 놀란 부분은 ‘1px’의 오차도 잡아내는 것이었어요.
그런 모습을 볼 때면 장난으로 ‘지독하시네요…’ 라는 말을 해요.
하지만 1px이라도 위치가 바뀌면 원래 의도와 다른 형태가 될 수도 있기 때문에 중요한 부분이에요!

함께 작업을 하면서 느낀 것은 '디자이너님과 끊임없이 소통'하며
유저분들이 가장 편리하게 사용할 수 있는 UI를 만드는 것이라고 생각해요!

그렇기에 새로운 디자인 요청이 들어왔을 때는 가능 여부를 정확히 알려드려서
필요하다면 추가적인 작업을 하실 수 있게 도와드리고
디자인 수정을 하던 중에 애매한 부분이 있다면 반드시 디자이너님께 요청하고 확인하여
디자인 의도에 맞게 화면을 구성할 수 있도록 해야해요.

 

 

마이너리 홈페이지 메인페이지 피그마 화면 일부

현재 마이너리 홈페이지의 메인페이지 디자인 화면 중 일부에요.
제가 작업하고 있는 화면의 변화를 실시간으로 볼 수 있게 설정한 뒤
디자이너님과 계속 소통하며 화면을 맞춰 나갔어요.

그 과정에서 처음의 디자인과는 다르지만
유저분들이 조금 더 편리하게 볼 수 있을 방향으로 발전시킬 수 있었어요!

픽셀 하나하나 열심히 살펴가며 만들었어요!
웹에도 많은 🔥관심🔥 부탁드려요!
마이너리 웹 ➡️ https://minery.co.kr

 

---

 

 

const THIRD_COOPERATION_TEAM = PLAN_TEAM

다음으론 기획팀과의 협업에 대해 이야기해보려고 해요.

모든 프로젝트의 기틀은 기획팀으로 부터 시작해요.
그렇기에 프로젝트를 잘 이해하고 발전시키기위해서는
기획팀과의 많은 '대화'가 필요하다고 생각해요.

처음 마이너리에 합류하게 되고 기획팀분들과 가장 많은 이야기를 나눴어요.
어떠한 계기로 와인에 대한 앱을 만드려고 했는지부터
현재와 같은 형태로 앱과 웹이 구성된 이유,
각 부분에서 왜 이렇게 동작하는지까지 많은 부분들에 대해 이야기를 나눴답니다.

이렇게 많은 이야기 통해 쌓은 프로젝트에 대한 이해를 기반으로 UX에 대해서도 많은 이야기를 나눴어요.
좋은 아이디어가 있으면 함께 이야기를 나누며 유저분들이 조금 더 편리하게 컨텐츠를 즐길 수 있도록
잘 이해가 되지 않는 부분이 있다면 정확히 이해하여 유저분들이 불편함 없이 컨텐츠를 사용할 수 있도록 노력하고 있어요!

 

마이너리 앱 QA 리스트 중 일부

마이너리 앱에 대해서는 끊임없이 QA를 진행하고 있어요!
기능적으로 잘못된 부분을 비롯하여
지속적인 대화를 통해 좀 더 나은 방향으로 개선한 부분들에 대해서도
계속해서 확인해가며 앱을 발전시키고 있답니다!

앞으로도 열심히 할테니 많은 🔥관심🔥 부탁드립니다!

---

 

const EXPECTED_COOPERATION_TEAM: string = MARKETING_TEAM

사실 마케팅 팀과는 이 글을 쓰기 전까지는 따로 접점이 없었어요.

하지만 마이너리를 처음 알게되고 마이너리를 함께 할 수 있으면 좋겠다라고 생각한 것이
마케팅 팀에서 제작한 다양한 홍보 컨텐츠들 덕분이에요.

다양한 블로그 글과 SNS 컨텐츠들을 보고
다 같이 즐겁게 프로젝트를 진행하고 있다고 느끼게 되었고
꼭 같이 할 수 있으면 좋겠다는 마음으로 마이너리에 지원하게 되었답니다!

마이너리 instagram 게시글 중 일부

그렇게 마이너리에 합류하게 되었고
지금은 마이너리 분들과 만나는 날만을 늘 손꼽아 기다리고 있어요!

많은 유저분들도 제가 느끼는 이 감정을
마이너리를 함께 즐기며 느끼실 수 있도록
더 열심히 노력할게요!

 

---

이렇게 간단하게 마이너리에 합류하게된 후로
느꼈던 이야기들을 풀어보게 되었어요.

아직 풀지 못한 다양한 이야기들이 있지만
그것들은 앞으로의 마이너리에 담아가기로 할게요!

그러니 앞으로도 마이너리에 많은 관심 부탁드려요!

 

🔊마이너리 앱, SNS 많은 관심과 사랑 부탁드려요-!
‣ instagram : https://www.instagram.com/minery_app/
‣ facebook : https://www.facebook.com/minery.wine/​ 

 

마이너리 팀🍷에게 궁금한 점은 언제든지 알려주세요!
Contact us ➡️ minery.app@gmail.com

 

마이너리 다운로드 바로가기⬇️