시작하며
안녕하세요, 저희는 카카오페이 FE 개발을 하고 있는 신입 개발자 가디, 라즈, 마쉬입니다. 가디는 보험 서비스 FE 개발을, 라즈는 머니 서비스 FE 개발을, 마쉬는 비즈니스 서비스 및 결제 FE 개발을 하고 있습니다.
저희는 입사한 후 다양한 스터디를 기획하고 진행해왔는데요. 그 과정에서 경험하고 느낀 바를 함께 공유하려 합니다! 지금부터 저희가 걸어온 스터디의 발자취를 따라가 보실까요~?
우리들의 첫걸음
2022년 초에 입사한 저희는 전면 재택근무로 회사 생활을 시작했습니다. 버디와 팀원들의 많은 도움 덕에 회사 분위기는 금방 적응할 수 있었으나, 업무를 진행하며 아직 모르는 것들이 너무나도 많다는 생각이 들었습니다.
카카오페이의 FE 서비스는 웹뷰 기반의 서비스이기 때문에 웹뷰에 대한 깊은 이해가 필요했습니다. 그러나 웹뷰와 초면이였던 저희는 업무를 진행하는 과정에서 혼돈의 카오스에 휩싸이게 되었습니다. 디바이스와 앱 종류에 따라서 달라지는 스킴의 형태나 다양한 링크 종류들, 웹과 앱 간의 통신을 가능하게 하는 JSAPI(JavaScript API) 등 처음 접하는 개념들이 차고 넘쳐났습니다.
사내에서 당연시 여겨지는 기본적인 개념이었습니다. 모두가 어려움 없이 사용하고 있는 기술이라는 생각이 들기 시작했습니다. 마음 속에 있는 여러 질문을 수면 위로 끌고 올라오는 것이 너무나도 쑥스럽게 느껴졌습니다. 그러나 주위를 살펴보니 길 잃은 양은 저 혼자만이 아니었다는 사실을 알게 되었습니다. 저는 용기를 내어 "동료 양"들을 물색하기 시작하였습니다.
그렇게 의기투합하여 뭉친 세 마리 양들의 첫 번째 스터디가 시작되었습니다! 첫 번째 리팩토링 스터디부터 지금 진행하고 있는 세 번째 패턴 스터디에 이르기까지의 스터디 진행방식을 지금부터 샅샅이 설명해 드리겠습니다!
우리들의 발자취
1. 주제 선정 방식
스터디 주제를 선정할 때 각자 맡고 있는 프로젝트를 진행하면서 아직 잘 모르고 부족하다고 느껴지는 기술적 요소들을 뽑아서 나열해보는 것부터 시작하였습니다. 그리고 우선순위를 정해서 지금 당장 공부하면 좋을 내용들을 스터디 주제로 잡아 일정 및 진행 방식을 계획했습니다.
올해의 스터디 주제로 평소 문법적인 개념이 부족하다고 느꼈던 타입스크립트, “FE 올타임 짱” 벤장님이 추천해주셨던 리팩토링과 디자인 패턴을 선정했습니다. 두둥 ✨
2. 스터디 그라운드 룰
꼭 지키고자 했던 그라운드 룰은 다음과 같습니다.
- Always CAM ON!
- 내가 바로 전문가다!
- 이 세상에 바보같은 질문은 없다!
📷 Always CAM ON!
스터디를 진행할 때 모든 스터디원이 캠을 켜고 참여하는 것이 가장 중요했습니다. 첫 번째 스터디는 캠을 켜지 않고 진행했는데, 스터디가 끝나고 돌아보니 캠을 끄고 하면 몰입도를 떨어뜨리는 것 같아 아쉬웠습니다. 그래서 두 번째 스터디는 모두가 캠을 켜고 진행했습니다. 서로 얼굴을 보며 이야기를 나누니 집중도와 몰입도가 올라갔고 커뮤니케이션도 한결 수월해지는 효과를 얻 을 수 있었습니다. 따라서 항상 모두가 카메라를 켜고 스터디에 참여하는 것을 규칙으로 만들었습니다. 최근에 시작한 디자인 패턴 스터디는 오프라인 참석이 가능해져서 온오프라인 혼합 형태로 진행하고 있습니다.
🧐 내가 바로 전문가다!
매주 1회 진행하는 스터디 시간에는 각자가 맡은 파트의 내용을 정리해 발표하는 방식으로 진행했습니다. 본인이 맡은 파트는 마치 그 분야의 전문가가 된 듯이 최대한 모든 내용을 빠삭하게 숙지하여 어떤 질문이 들어오더라도 자신있게 답변할 수 있을 만큼 준비했습니다. 또한 자신만의 발표 흐름을 만들고 스터디원들에게 질문을 던지며 자유롭게 발표를 이끌어 갔습니다.
🔍 이 세상에 바보같은 질문은 없다!
모두의 발표가 끝난 후에는 한 주간 각자 공부하면서 생겼던 질문을 자유롭게 쏟아내는 Q&A 시간을 가졌습니다. 이 시간을 스터디의 정수라고 할 수 있을 만큼 저희에게 가장 재미있고 뜻깊은 시간이었습니다. 나만 모르고 있는 바보 같은 질문일까봐 평상시에 꺼내기 어려웠던 질문을 생각나는대로 던져보며 많은 이야기를 나누었습니다. 서로 다른 서비스를 개발하고 있다보니 다양한 관점의 질문이 나오고 막상 질문을 던져보면 나만 궁금해하던 질문이 아니었다는 사실도 알게 되었습니다.
3️. 노션 정리법
스터디 초반에는 정해진 템플릿 없이 알아서 잘 딱 깔끔하고 센스있게 정리해오는 방식으로 진행했습니다. 그러나 각자가 중점을 두고 발표하는 부분들이 달라 발표 내용 정리의 통일성이 부족했습니다. 그래서 새롭게 스터디를 시작할 때 이전 스터디에서 모두가 좋았다고 생각하는 정리 방식을 취합하여 지금의 템플릿을 완성했습니다.
스터디 정리 템플릿은 크게 6가지의 키워드로 구성되어 있습니다.
Summary
- 한 줄 요약을 통해 발표자는 본인이 주제를 정확하게 이해했는지 점검하고, 스터디원들은 한 눈에 주제를 파악할 수 있습니다.
Concept
- 발표 주제의 이론적 개념 및 필요한 배경 지식을 설명합니다.
Advantages
- 발표 주제를 적용했을 때 얻을 수 있는 이점이나 해결할 수 있는 문제 상황들에 대해 설명합니다.
Disadvantages
- 발표 주제를 적용했을 때 발생할 수 있는 side effect나 trade-off에 대해 설명합니다.
Example Case
- 발표 주제가 적용되어 있는 라이브러리, 실제 업무에 적용되어 있는 코드, 직접 만든 예시 코드들을 첨부하여 이해를 돕습니다.
Wrap-up
- 발표를 마무리하며 발표 주제를 다시 요약하고 정리합니다.