IT박스

Angularjs 코드 / 이름 지정 규칙

itboxs 2020. 6. 2. 19:04
반응형

Angularjs 코드 / 이름 지정 규칙


우리가 응용 프로그램을 만들 때 사용할 Angular 명명 규칙에 대한 공식 또는 가장 인정받는 참조가 있는지 아는 사람이 있습니까?Angular에는 필터, 지시문, 서비스 등과 같은 다양한 유형의 구성 요소가 있습니다. 응용 프로그램에서 참조 명명 규칙을 구현할 때 참조 명명 규칙을 사용하는 것이 합리적이라는 데 동의하지 않습니까?예를 들면 다음과 같습니다.새 필터를 만들어야하는 경우 [Something] Filter 또는 filter [Something] 등과 같은 이름을 어떻게 지정해야합니까? 컨트롤러, 서비스, 지시문 등에도 동일하게 적용됩니다.내가 궁금해하는 다른 것은 범위에 속하는 변수 / 함수에 특수 접두사 또는 접미사가 있어야하는지입니다. 어떤 상황에서는 함수와 다른 (각도 코드가 아닌) 함수와 구별하는 방법을 사용하는 것이 유용 할 수 있습니다.


AngularJS 앱의 모범 사례를 설명 하는

이 GitHub 리포지토리

확인하십시오 . 다른 구성 요소에 대한 명명 규칙이 있습니다. 완전하지는 않지만 커뮤니티 중심이므로 모든 사람이 기여할 수 있습니다.


초보자 인 경우 먼저 기본 자습서를 살펴본 후 명명 규칙에 대해 배우는 것이 좋습니다. 나는 Angular를 배우기 위해 다음을 겪었으며, 그중 일부는 매우 효과적입니다.튜토리얼 :

  1. http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app
  2. http://viralpatel.net/blogs/angularjs-controller-tutorial/
  3. http://www.angularjstutorial.com/

응용 프로그램 구조 및 명명 규칙에 대한 자세한 내용은 다양한 위치에서 찾을 수 있습니다. 나는 100의 사이트를 겪었으며 이것이 최고라고 생각합니다.


앱을 구조화하기 위해 내가 찾은 최고의 가이드 중 하나입니다.

Google이 권장하는 구조는 많은 시드 프로젝트에서 볼 수있는 것과 다르지만 큰 앱의 경우 훨씬 더 안전합니다.

Google은 또한

 

Closure

를 사용하는 경우에만 사용할 수 있는 스타일 가이드 를 제공합니다 .


...이 답변은 불완전하지만 위의 제한된 정보가 누군가에게 도움이 되길 바랍니다.


업데이트 : 스타일 가이드

가 이제 각도 문서에 있습니다.///////////////////////////////////////////////////////// ///////////////////////////////////////////////////////// ////////////////////////////////////////////////////////// //////

구문, 컨벤션 및 AngularJS 응용 프로그램 구조화에 대한 의견이 많은 스타일 가이드를 찾고 있다면 바로 들어가십시오. 여기에 포함 된 스타일은 AngularJS에 대한 나의 경험, 프리젠 테이션, 교육 과정 및 팀 작업에 기초합니다.이 스타일 가이드의 목적은 내가 사용하는 규칙과 더 중요한 이유는 내가 선택하는 규칙을 보여줌으로써 AngularJS 애플리케이션 구축에 대한 지침을 제공하는 것입니다.

-존 파파

다음은 Awesome Link (최신 및 최신)입니다 :

AngularJS 스타일 가이드


나는이 요지를 1 년 전에 시작했습니다 :

https://gist.github.com/PascalPrecht/5411171

Brian Ford (핵심 팀원)는이 블로그 게시물을 작성했습니다 :

http://briantford.com/blog/angular-bower

그런 다음이 구성 요소 사양으로 시작했습니다 (완전하지는 않음) :

https://github.com/angular/angular-component-spec

마지막 ng-conf 이후 핵심 팀의 모범 사례를위한이 문서가 있습니다.

https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub

참고 URL :

https://stackoverflow.com/questions/20802798/angularjs-code-naming-conventions

반응형