프론트엔드 엔지니어링의 개념은 프론트엔드 실무자들로부터 많은 관심을 받았지만 정확한 의미와 범위가 명확하게 정의되지 않았습니다. 어떤 사람들은 Webpack, vite, 롤업, 스캐폴딩 및 컴포넌트화와 같은 도구와 프로세스의 모음일 뿐이라고 생각하지만 실제로 프런트엔드 엔지니어링은 그 이상입니다.
프로젝트 엔지니어링 관점에서 프런트엔드 엔지니어링은 프로젝트 개발 주기 전반에 걸쳐 효율성, 협업 및 품질을 향상시키는 것을 목표로 합니다. 프로젝트 설계, 개발, 테스트, 배포 및 유지 관리의 모든 측면을 실행합니다. 이 기사에서는 프로젝트 안정성, 유지 관리성 및 효율적인 협업의 관점에서 프로젝트에서 프런트엔드 엔지니어링을 실행하는 방법에 대해 설명합니다.
프로젝트에서 자주 묻는 질문
프로젝트 개발에서 우리는 대부분의 작업이 처음부터 프로젝트를 구축하기보다는 기존 프로젝트를 유지하는 데 반복되는 것을 종종 발견합니다. 이 과정에서 두 가지 주요 유형의 문제가 발생합니다.
문제 1: 시스템 품질 저하
완전히 버그가 없는 프로젝트는 없지만, 느슨한 요구 사항 설계, 코드 논리 허점, 비정상적인 논리 분기 등과 같은 다양한 이유로 버그가 발생합니다. 일반적으로 버그 발생은 프로젝트에 대한 낯설음, 시스템에 대한 이해 부족과 관련이 있습니다. 이는 다음 프로세스로 인해 버그가 증가한다는 것을 의미합니다.
- 프로젝트는 개발자를 자주 조정하며, 새로운 구성원마다 새로운 버그가 발생할 수 있습니다.
- 시스템의 기능과 복잡도가 높아질수록 모듈 간의 결합도와 복잡도도 높아지는데, 전체 시스템을 깊이 있게 이해할 수 없으면 예상치 못한 버그가 발생할 수도 있다.
계속해서 반복되고 확장되는 프로젝트의 경우 직원 변경과 시스템 성장이 불가피합니다. 따라서 문제를 조기에 발견하기 위해서는 품질 검사가 필요하지만, 시스템이 복잡해지면 테스트 비용도 늘어나게 되고, 발견되지 않은 버그가 온라인 버전에 들어갈 수도 있습니다.
시스템 복잡성을 줄이기 위해서는 프로젝트가 특정 단계로 발전할 때 모듈 분할, 종속성 분리, 새로운 상태 관리 도구 도입 등 시스템 아키텍처 조정이 이루어져야 합니다. 새로운 기술의 도입은 시스템 복잡성을 줄이는 데 도움이 될 수 있지만 기존 기능과의 비호환성 및 광범위한 영향과 같은 새로운 문제가 발생할 수도 있습니다.
문제 2: 개발 효율성 저하
프로젝트가 온라인화 된 후 개발 작업의 초점은 점차 기능 개발에서 사용자 피드백 처리, 온라인 버그 수정, 모니터링 처리, 테스트, 팀 인계 등을 포함한 다른 콘텐츠로 이동했습니다. 이러한 작업은 더 많은 시스템과 프로세스를 포함하여 복잡해졌고, 단계를 놓치기 쉬워 문제가 발생하고 효율성이 저하되었습니다.
프로젝트 규모가 커짐에 따라 시스템 복잡성도 증가하고 개발 효율성도 분명히 영향을 받습니다. 개발자가 실제 개발에 소비하는 시간이 줄어들기 때문에 새로운 기능을 개발하는 데 필요한 시간이 크게 늘어납니다.
프론트엔드 엔지니어링 실습을 수행하는 방법
프론트엔드 엔지니어링은 주로 두 가지 각도에서 시작됩니다.
- 시스템 품질 개선: 프로젝트 설계 및 아키텍처 최적화를 통해.
- 개발 효율성 향상: 프로젝트 개발 및 릴리스 프로세스를 최적화합니다.
시스템 품질 개선: 프로젝트 설계 및 아키텍처 최적화
시스템 품질을 향상시키기 위해서는 프로젝트 설계 단계에서 프로젝트 포지셔닝, 기술 선택 및 개발 사양을 공식화해야 합니다. 프로젝트 유지 관리 단계의 설계 및 최적화에는 다음과 같은 측면이 포함됩니다.
- 새로운 기술과 도구를 도입할 때는 호환성, 팀 구성원의 숙련도, 혁신 노력, 예상 결과를 고려하세요.
- 팀원이 늘어나면 도구를 사용하여 일관된 기술 스택과 코드 사양을 보장하고 통신 비용을 줄일 수 있습니다.
- 단일 저장소 또는 다중 저장소 관리를 사용하는 모듈 분할 및 분리는 모듈 간의 상호 작용을 줄이고 시스템 복잡성을 줄입니다.
- 빌드 도구를 최적화하고, 컴파일 및 패키징 시간을 단축하고, 개발 효율성을 향상시킵니다.
- 시스템 품질이 영향을 받지 않도록 자동화된 테스트 범위를 개선합니다.
- 시스템 품질을 실시간으로 관찰하고 적시에 문제점을 발견하여 시스템 안정성을 확보하기 위한 모니터링 시스템을 구축합니다.
개발 효율성 향상: 프로젝트 개발 및 릴리스 프로세스 최적화
프로젝트 개발 및 릴리스 프로세스 최적화의 핵심은 자동화입니다. 수동적인 노력과 주의가 필요한 작업을 자동화함으로써 개발 노력은 기능 설계 및 구현에 집중될 수 있습니다. CI(지속적 통합) 및 CD(지속적 배포)는 프로젝트의 일반적인 관행입니다.
- CI는 높은 품질을 유지하면서 제품을 빠르게 반복하는 것을 목표로 합니다.
- CD를 사용하면 언제든지 코드를 배포하고 생산할 수 있습니다.
완전한 CI/CD 파이프라인을 구축함으로써 효율성을 효과적으로 향상시킬 수 있습니다.
자동화된 조립 라인은 전체 프로세스 자동화를 달성하고 개발 에너지를 방출하며 기능 개발에 집중하기 위해 알림/경보 로봇, 작업 그룹, 수요 주문 시스템, 버그 시스템, 코드 관리 시스템, 릴리스 시스템 및 모니터링 시스템을 결합하여 전체 R&D 프로세스를 포괄합니다. .
요약
프론트 엔드 엔지니어링은 시스템 품질과 개발 효율성을 향상시키는 열쇠입니다. 프로젝트 설계 및 아키텍처는 물론 프로젝트 개발 및 릴리스 흐름의 최적화를 통해
프로세스 자동화를 통해 시스템 복잡성을 효과적으로 줄이고, 개발 효율성을 향상시키며, 버그 위험을 줄이고, 프로젝트의 상태와 안정성을 유지할 수 있습니다.
간단히 말해서 프론트 엔드 엔지니어링은 도구와 프로세스의 사용뿐만 아니라 프로젝트 관리 및 팀 협업의 개념으로, 프로젝트의 일반적인 문제를 처리하고 전체 프로젝트의 품질과 효율성을 향상시키는 데 도움이 됩니다.