프로젝트가 아직 출시 전이라 자세한 내용은 나중에 다시 정리할 예정입니다. 짧은 기간이었지만 많은 것을 경험한 프로젝트였습니다.

프로젝트 소개

KB Wallet 애자일 코칭 프로젝트(DevOps)

사용된 기술

Vue, Vuex, Vuetify, TypeScript

맡은 역할

프론트엔드 개발, 퍼블리싱, 코칭

• 주니어 개발자 코칭 및 코드 개선
• 이미지 등록 및 상세보기
• 상세 팁 Dynamic Import
• 회원 등록 페이지 제작
• 플랫폼 공통 컴포넌트 제작

잘한 점

• TypeScript 활용
• 재사용을 위한 컴포넌트 분리
• 상태 관리를 위한 Store 활용

타입 정의, 컴포넌트 분리, Store 처리는 기본적으로 되어 있어야 한다고 생각했는데, 프로젝트 초기에만 지켜지고 이후 추가된 파일에는 적용되지 않은 부분이 많았습니다. 그래서 저희가 맡은 파일만큼은 기본을 지켜서 작성하자고 정했고, 이를 잘 실천했다고 생각합니다.

아쉬운 점

• 블로그 관리 미흡
• 코드 리팩터링 부족
• 한 이슈에 많은 시간을 사용

업무를 하면서 블로그를 꾸준히 쓰려고 했지만, 프로젝트와 취업 준비를 함께 하다 보니 소홀해졌습니다. 또 제 업무와 함께 주니어 개발자의 코드까지 완성은 했지만, 리팩터링할 시간이 부족했던 점이 아쉽습니다.

느낀 점

• 기술 카카오맵이나 네이버맵에서 쓰이는 패널 인터랙션을 iOS에서 해결하지 못했는데, 시니어 개발자가 Hammer.js로 디바운스를 처리해 iOS 스크롤 이슈를 해결하는 것을 보며 경험의 중요성을 느꼈습니다. 직접 다시 구현해 보면서 스크롤 인터랙션을 더 깊이 이해하려고 합니다.

GraphQL을 쓸 때는 백엔드가 정의한 타입을 codegen으로 가져오기만 했기 때문에, REST API에 타입을 어떻게 적용할지 막막해서 any로 작업했습니다. 시니어 개발자가 합류하면서 인터페이스로 응답 타입을 정의하는 방법을 알게 되었고, 코드를 하나씩 고쳐 나갔습니다.

• 상황 모든 개발 환경이 순탄하게 돌아가지는 않는다는 것을 직접 경험했고, 애자일 방법론으로 개발하는 과정이 즐거웠습니다. 팀원들이 서로의 상황과 이슈를 공유하고 함께 해결해 나가는 모습에서 배울 점이 많았습니다. 프론트엔드 개발자로서 첫 도전이라 인정받을 수 있을지 걱정했지만, 스쿼드의 모든 팀원이 저를 지지하고 한 명의 개발자로 인정해 줘서 정말 감사한 프로젝트였습니다.

다시 함께 프로젝트를 할 수 있는 날이 오면 좋겠습니다.