선에서 선으로가는 방법

이 글은 더 나은 제품을 더 빠르게 만들기 위해 프런트 엔드 개발 프로세스를보다 효율적이고 확장 가능하게 만드는 멀티 파트 시리즈를 소개합니다.

Unsplash의 Štefan Štefančík 님의“노트북과 종이에 대해 브레인 스토밍하는 사람들의 그룹”

훌륭한 제품을 만드는 것은 종종 솔로적인 노력이 아닙니다. 가장 정교한 설정에는 크리에이티브, 마케팅, 제품 및 기술의 여러 팀이 포함됩니다. 하나의 회사 인 경우에도 사용자와 상호 작용하고 사용자에게 유용한 기능에 대한 피드백을 수집해야합니다. 품질과 기능을 향상시키는 데 도움이되는 순환 디자인 프로세스의이 반복 프레임 워크를 일반적으로 Agile Iteration Workflow라고합니다.

반복이 빠를수록 제품의 품질이 향상됩니다.
Smartsheet의“민첩한 반복 워크 플로우”

프론트 엔드 팀이 처음으로 웹 기반 제품을 구축하기 시작했을 때 StashAway에서 출시 일정이 빨라지고 제품 개발 및 관리 프로세스가 덜 엄격했습니다. 이제 제품이 성숙 해졌고 더 많은 기능을 탐색하고 추가함에 따라 제품에 대해 더 우수하고 확장 가능한 프런트 엔드 아키텍처를 구축하는 프로세스를 강화하고 강화하고자합니다. 현재 설정으로는 기능 제공 및 국가 확장 측면에서 효과적으로 확장 할 수 없습니다.

훌륭한 제품을 만들려면 반복 작업 과정을 완벽하게 수행해야합니다. 이에 대한 많은 제품 관리 문헌이 있으며이 기사의 범위가 아닙니다. 우리가 탐구하고자하는 것은 프로토 타이핑 및 구축 단계에서 반복을 통해 더 빠르게하는 방법이며,이를 위해서는 팀의 내부 개발 및 승인 프로세스를 공식화하여 크리에이티브 및 제품 팀과보다 효율적으로 협업 할 수 있도록해야합니다. . 우리는 앞에서 설명한 광범위한 제품 반복 워크 플로와 함께 지속적인 통합 및 전달 흐름을 사용하여이를 달성 할 수 있다고 생각합니다.

궁극적으로 우리는 방법을 반드시 코딩하는 대신 애플리케이션에서하고 싶은 것을 표현하는 선언적 프로그래밍 패러다임에 접근하는 것을 목표로합니다. 그러기 위해서는 빌딩 블록을 만드는 토대를 마련해야합니다.

UI 구성 요소 개발이 별도의 활동이되도록 UI와 응용 프로그램 논리에 대한 관심을 분리하는 것으로 시작합니다. 여기에는 공통 유틸리티, 자체 단위 스위트, 승인 및 회귀 테스트와 함께 자체 중앙 저장소가 있습니다. 우리의 UI 구성 요소는 이제 다양한 웹 사이트 및 웹 응용 프로그램에 재사용 가능하고 작성 가능하며 테마 가능합니다. Storybook과 함께 사용하면 대화식 패턴 라이브러리를 만들 수 있습니다.

우리는 UI 구성 요소가 응용 프로그램 및 동작 방식과 같은 재미 있고 중요한 요소에 집중할 수 있도록 정확하게 모양과 동작을 수행 할 것이라는 확신을 갖게됩니다. 적용 범위를 최대화하기 위해보다 구체적인 테스트 스위트를 사용하여 UI 구성 요소와 동일한 프로세스를 애플리케이션 별 프로젝트에 적용 할 수 있습니다. 이러한 테스트 스위트에서만 코드 푸시 및 배포에 대한 개발자의 신뢰를 높이고 그에 따라 반복 속도를 높일 수 있습니다.

이 컴포지션 가능한 구성 요소의 중앙 저장소를 사용하여 아이디어를 프로토 타입 및 복도 사용자 테스트하고 새로운 기능을 더욱 빠르게 제공 할 수 있습니다.

소프트웨어 테스팅 레벨

우리는 테스트가 중요하다는 메시지를 집으로 가져 왔다는 것을 알게 될 것입니다. 소프트웨어 테스팅은 소프트웨어 개발에있어 광범위한 주제이지만, 지속적인 전달 프로세스의 원활한 운영, 즉 단위, 통합, 시스템 및 수용에 필수적인 4 가지 레벨의 테스팅에 중점을 두겠습니다.

단위 테스트를 사용하여 소프트웨어에서 테스트 가능한 최소 단위 인 개별 구성 요소를 검증합니다. 이 경우 일반적으로 UI 구성 요소 또는 유틸리티 도우미 메서드입니다. 통합 테스트는 개별 구성 요소가 그룹으로 테스트 될 때 발생합니다. 예를 들어, 이는 버튼과 디스플레이 화면이 있고 버튼 누름에 대한 올바른 숫자가 표시되는 계산기와 같은 기능을 의미 할 수 있습니다. API의 경우, 엔드 포인트는 데이터 세트를 검색하기 위해 데이터베이스 연결을 작성할 수 있습니다.

단위 및 통합 테스트는 일반적으로 스테이징 배포를 시작하기 전에 가장 눈에 띄는 버그를 제거합니다. 내부 및 외부 테스터의 시간이 절약되며, 완성 된 통합 시스템은 기능 및 비즈니스 요구 사항 (시스템 도메인 및 승인 테스트) 준수를 평가합니다. 소프트웨어가 4 가지 레벨의 테스트를 통과하면 프로덕션 환경에 배포 할 수 있습니다.

이는 프론트 엔드 팀의 프로세스를보다 효율적으로 만들 계획을 엿볼 수있는 방법입니다. 우리는 StashAway의 프론트 엔드 개발에 대한 후속 게시물에서 구현에 대한 자세한 내용을 살펴볼 것입니다. 계속 지켜봐주세요!

우리는 팀에 합류 할 수있는 뛰어난 기술 인재를 지속적으로 찾고 있습니다. 자세한 내용은 웹 사이트를 방문하여 문의하십시오.