DirectCloud

서비스 개요

Google Drive 와 같이 클라우드 스토리지를 기업 대상으로 제공하는 서비스 (B2B)

역할

Web Front-end 2명, IOS, Android 각 1명, 백엔드 4명으로 구성된 팀에서 web front 에 속함. Front 리드급으로 활동.

기간

2022-10 ~ 현재

기술 스택

React
Mobx

개발 이슈 및 문제 해결 경험

순수 javascript 사용 및 노후화된 코드들

4, 5년 전의 정리가 안된 코드들이 그대로 서비스에 사용되고, typescript 를 사용하지 않아서 개발함에 있어서 유지보수 및 코드 가독성이 매우 떨어짐. 그리고 정해진 convention 및 lint 규칙들도 엄격하지 않아서 코드가 너무 자유분방했음.
이를 해결하기 위해서 typescript 도입 및 자체 convention 제공, lint 규칙 추가 등을 통해서 코드 컨벤션 및 type 화를 진행함.

코드리뷰의 부재

원래 코드리뷰의 문화가 Front-end 팀에서는 없었기 때문에 코드리뷰 문화를 정립. 업무 프로세스에 넣음.
각자 기능개발 외에는 다른 코드에 대해서 잘 모르는 현상 해결. ⇒ 책임의 범위가 늘어남
컨벤션에 어긋나거나 가독성 떨어지는 코드 인력으로 추가 단속
코드리뷰가 생긴 그 자체로 코드의 품질에 대한 개발자의 의식적 노력이 향상

코드 수준에서 관심사 분리 및 컴포넌트 분리

한 컴포넌트 내에서 너무 많은 일을 처리하거나 관심사 분리가 제대로 이루어지지 않은 노후화 코드가 너무 많음. 이를 해결하기 위해서 ‘클린 아키텍처 ‘, ‘클린 코드’ 스터디 진행 및 코드 수준에서 컴포넌트의 분리를 통해서 SOLID 원칙을 준수하는 코드 설계 (현재 진행형)