미리보기

프론트엔드 개발자로서 사용자 경험을 개선하고, 개발 생산성을 높이는 것을 중요하게 생각합니다.
서비스의 성장을 돕기 위해 개발 표준 정립, 기술 부채 해결, 성능 최적화 등 다양한 기술적 도전을 지향하고 있습니다.

효율적인 개발 환경을 위한 개선

코드와 개발 인력이 증가하면서 유지보수성과 코드 품질을 높이는 것이 중요한 과제가 되었습니다. 이를 해결하기 위해 SonarQube를 도입하여 코드 품질을 측정하고 개선하는 문화를 정착 시켰습니다. 단순히 도입하는 것에서 끝나지 않고, 팀원들과 함께 코드 품질과 개발 편의성 사이의 균형을 맞추는 방향으로 협의하여 지속적인 개선을 목표로 하였습니다. 이를 통해 코드 리뷰 효율 증가, 신규 인력의 빠른 적응 등 긍정적인 효과를 얻었습니다.

복잡한 프론트엔드 로직 해결 경험

서비스 개발 과정에서 백엔드 데이터 타입 문제, 캐시정책 관리, 복잡한 상태 관리 등 다양한 문제들을 해결하며, 보다 안정적인 프론트엔드 구조를 설계했습니다.

• 백엔드 데이터 타입 문제 해결

  
  GraphQL 스키마 기반으로 TypeScript 타입을 적용하고, string-union 으로 저장되는 데이터들에 대한 Type-guard를 위해 유틸리티 함수를 만들어 데이터 검증 로직을 추가 했습니다.

• Apollo Client / Tanstack Query 의 캐시 및 중복 호출 관리
  GraphQL 쿼리 작성시 Fragment를 활용하여 쿼리 작성 효율을 높였습니다.
  Tanstack Query의 캐시를 최적화 하기위해 queryKey 관리용 함수를 만들어 불필요한 API 호출을 방지하였습니다.

• 사용자 Form 상태 등 파편화 된 상태 관리 최적화
  React Context API 와 Reducer를 혼합한 패턴을 도입해 컴포넌트 간 파편화 된 상태를 관리하고 있습니다.
  입력 값에 대한 복잡한 로직이 필요한 경우 yup을 사용해 사용자 입력 validation을 하고 있습니다.

앞으로의 목표

프론트엔드 개발자로서 단순한 기능 구현을 넘어, 서비스의 성장과 유지보수성을 고려한 설계를 고민하는 것을 목표로 발전 해 나가고 싶습니다.

끊임없이 변화하는 프론트엔드 기술 트렌드를 학습하며, 더 나은 개발 문화를 만들기 위해 노력하고 있습니다. 최근에는 습관적으로 사용하던 라이브러리나 프레임워크의 동작 원리를 깊이있게 뜯어보고, 각 기술의 목적과 적절한 활용 방안을 고민하는 습관을 기르고 있습니다.