on
각 애플리케이션 개발 모범 사례
각 애플리케이션 개발 모범 사례
반응형
이 기사에서는 XmlToJson 프로젝트에서 학습하여 사용한 Angular 애플리케이션 개발 모범 사례에 대해 설명하겠습니다.
1. 값이 재할당되지 않을 때 const를 사용합니다.
변수가 항상 일정한 기준을 가리킬 때, 우리는 단순히 let이 아닌 const를 둘 수 있다. 이는 코드 가독성을 향상시키고 실수로 값을 재할당할 때 컴파일 시간 오류를 발생시킵니다.
2. 서비스 중인 API 호출 격리
API 호출 서비스를 넣고 필요한 경우 구성 요소에서 호출할 수 있습니다. API 호출의 논리를 변경해야 할 때마다 전용 API 서비스 디렉토리에서 쉽게 체크아웃할 수 있습니다.
3. 항상 변수 유형을 선언합니다.
우리는 다른 어떤 유형도 아닌 특정 유형으로 변수를 선언할 수 있습니다. 이렇게 하면 누락 유형에 의한 버그를 방지할 수 있습니다.
4. 소형 부품
소형으로 구성 요소를 추출하여 순수하게 입력 및 출력에 기반하여 작동할 수 있습니다.
구성 요소에는 디스플레이 논리만 있어야 합니다. 구성 요소에 데이터 파서, API 호출 및 변환과 같은 비즈니스 논리가 필요한 경우 이를 서비스에 넣고 구성 요소 내에서 호출할 수 있습니다. 필요한 경우 모든 비즈니스 논리를 자체 서비스로 추출할 수 있습니다.
5. 소량법
방법을 정의하면서 단일 책임 원칙을 따를 수 있습니다. 즉, 메서드는 지정된 작업을 하나만 수행합니다. 따라서 특정 작업에 대한 각 방법을 정의할 수 있습니다.
어떤 방법이 작업을 담당하지만 그 내부에서 다른 작업이 발생할 수 있다고 가정해 보겠습니다. 이 경우, 각각에 대해 개인적인 방법을 추출할 수 있습니다.
6. 환경변수 사용
Angular(각도)의 환경 구성을 통해 각 환경에 맞는 변수를 선언할 수 있습니다. 개발 및 운영이 기본 환경입니다. 기존 환경 파일에 새 변수를 추가하거나 새 환경을 생성할 수도 있습니다. 환경 구성에서 API URL 및 기타 중요한 자격 증명을 유지할 수 있습니다.
7. 명명 규칙
일관된 이름 지정을 통해 효율적인 유지 관리 및 가독성을 제공합니다. Angular style 가이드에서는 pattern을 feature.type.ts로 지정할 것을 권장합니다. 파일과 이름을 점과 대시로 구분합니다. 우리는 수업을 선언할 때 낙타 사례를 따를 수 있다.
8. 애플리케이션 구조
우리 애플리케이션의 코드는 src 디렉토리 안에 있어야 합니다. 애플리케이션 구조에 대한 Angular style 가이드에서 "코드 빨리 찾기, 한 눈에 코드 식별, 가능한 가장 플랫한 구조 유지 및 건조 상태 유지"를 참조하십시오.
결론
애플리케이션 구축은 끊임없는 노력이며, 항상 개선의 여지가 있습니다. 우선 이 개선 사항 목록은 매우 유용합니다.
자세히 살펴보기
각도 개발: 모범 사례를 따릅니다.
각도 개발: 모범 사례를 따릅니다.
각도 개발: 모범 사례를 따릅니다.
from http://issue-disk.tistory.com/407 by ccl(A) rewrite - 2021-07-12 06:27:16