왜 웹 개발을위한 코드 스니퍼가 필요한가요?

코드 최적화는 글쓰기의 편집 단계와 비슷합니다. 먼저 코드에서 아이디어를 얻을 필요가 있지만 코드는 다음과 같은 도구로 최적화해야합니다. 코드 스니퍼 최상의 제품 생산.

코드 스니핑은 다음을 설명하는 용어입니다. 규제 표준 준수 여부를 확인하는 코드. 이 규칙은 들여 쓰기, 중괄호 배치 또는 변수 이름 지정에 사용할 공간 수를 지정할 수 있습니다. 표준은 웹 애플리케이션을 구축하는 데 중요하지 않지만 표준이 중요합니다. 내부 일관성 및 코드 유지 관리.

이것은 코드 스니핑이 모든 개발자, 즉 프론트 엔드에서 백엔드로 유용하게 사용되는 곳입니다. 나는하고 싶어요 코드 스니핑의 과정을 조사하다. 제안하고 코드 표준 분석에 도움이되는 유틸리티.

코드 스니핑이란 무엇입니까??

코드 스니핑의 동작은 일반적으로 시간을 절약하고 오류를 줄일 수 있습니다.. 코드 스니퍼는 표준 준수를위한 소스 코드 확인 내부 개발 팀 또는 규제 기관에 의해 설정.

코드 스니핑은 코드 linting과 유사하지만보다 현학적입니다. 주로 Linting 버그 및 구문 오류 검사 스니핑을 통해 문제를 찾습니다. 코드 작성 방법. PHP 파일은 여전히 제대로 작동 할 수 있지만 변수 이름이 표준을 따르지 않으면 코드 스니핑 테스트가 실패합니다 (예 :. $ myVariable 대 $ my_variable).

유사한 용어는 코드 냄새입니다. 설계 결함을 검사한다. 코드에서 큰 버그로 이어질 수 있습니다. 이것은 코드 표준과 관련 될 수 있지만 동종 코드 작성을위한 상위 레벨 아키텍처.

이 모든 영역은 가치가 있으며 코드 스니핑과 관련이 있습니다. 스니핑 코드를 명심하십시오. 런타임 버그를 항상 찾지는 못한다. 우선 순위가 엄격한 표준 준수 유지.

지금 쯤이면 표준을 중요하게 생각할 수도 있습니다. 진실은 중요하지만 최적화 및 프로젝트 정리에 더 중요합니다. 많은 개발자는 프로그래밍 및 웹 개발에 중요한 요소가된다는 점에 동의합니다. 특히 대규모 팀 프로젝트의 경우.

다음은 코드 표준이 유용한 이유를 설명하는 개발자 인 Paul Jones의 견적입니다..

“코딩 스타일 표준의 요점은 하나의 스타일이 객관적으로 다른 스타일보다 우수하다는 것을 말하는 것이 아닙니다 ... 대신 요점은 코드가 어떻게 보이는지에 대한 알려진 기대치를 설정하는 것입니다.”

만약 당신이 스스로 작은 웹 애플리케이션을 만들고 있다면 WCAG 2.0이나 PSR-2 표준에 시간을 할 가치가 없을 것입니다. 그러나 Adobe Photoshop의 소스 코드를 사용하는 수백 명의 개발자를 생각해보십시오. 각자가 자신의 스타일을 썼다가 함께 결합하면 혼란 스러울 것입니다..

팀이 표준에 크게 의존하고 있지만 이러한 규칙은 개발자에게만 유용 할 수 있습니다. CSS에서 WordPress에 이르기까지 모든 것에 대한 코드 표준을 찾을 수 있으므로 코드 품질이 향상되는지 확인하고 시도하지 않아도됩니다..

코드 표준의 가치

표준은 자연스럽게됩니다. 코드 정리 및 정리. 개발자는 코드를 작성하는 방법과 서로의 작업을 수행하는 방법을 정확히 알고 있습니다..

코드 표준은 다른 사람들이 따라야 할 규칙을 제공함으로써 오픈 소스 개발에도 도움이됩니다.. 몇 달 또는 몇 년 후 누구나 파일을 가져올 수 있으며 읽기 쉽습니다..

엄격한 코딩 스타일은 좋은 생각입니다. 당신이 당신 자신의 것을 고를지라도. 이것은 많은 노력을 필요로하지만 프로젝트가 성장함에 따라 이러한 유형의 문서화는 매우 중요합니다..

다음은 다양한 웹 언어 범위 전반에 걸쳐 고려해야 할 코딩 표준입니다..

PEAR 코딩 표준 (PHP)
HTML / CSS를위한 Google 표준
자바 스크립트에 대한 Google 표준
장고 코딩 스타일 (Python)
Rails 스타일 가이드 (Ruby)
WCAG 2.0 (UX)

최고의 코드 스니핑 리소스

이제는 HTML / CSS에서 PHP 및 SQL과 같은 백엔드 언어에 이르기까지 모든 것에 대한 무료 코드 스니퍼를 찾을 수 있습니다. 이 스니퍼를 사용하거나 모든 언어에 대한 표준을 따를 필요는 없지만 실적을 향상시킬 수있는 가능성을 조사 할 가치가 있습니다..

프론트 엔드 코드 스니퍼

HTML은 필요한 것 Squiz가 건물 하나에서 멈추지 않는 코드 스니퍼. 완전히 오픈 소스이며 브라우저에 코드를 복사 / 붙여 넣기하거나 북마크릿을 저장하여 개별 웹 페이지로 실행하는 옵션이 포함 된 GitHub에서 호스팅됩니다..

이 스니퍼는 WCAG의 세 가지 수준의 A, AA 및 AAA 접근성 표준과 정부 웹 사이트에 주로 적용되는 섹션 508 지침을 확인합니다.

CSS 개발자는 노드 패키지 관리자를 통해 호스팅되는이 무료 CSS 코드 스니퍼를 좋아할 수도 있습니다..

jQuery 사용자는 Dmitry Sheiko가 작성한 JSCodeSniffer를 확인해야합니다. 이것은 jQuery의 코드 스타일 가이드를 준수하는 GitHub에서 호스팅되는 또 다른 무료 웹 애플리케이션입니다..

또는 JavaScript Lint 또는 JS Lint로 JS 코드를 작성해 볼 수도 있습니다. 이 도구는 코드 표준보다는 구문의 오류를 검사하지만 프론트 엔드 코드 최적화의 경우 매우 유용합니다..

기록을 위해 PHP_CodeSniffer를 사용하여 JS / CSS 표준을 직접 확인할 수도 있습니다..

PHP 코드 스니퍼

PHP 코드 표준을 따르고 자한다면 PHP_CodeSniffer가 툴바에 있어야합니다. 패키지에는 몇 가지가 있습니다. 규정 준수를 위해 PHP, JS 및 CSS 코드를 분석하는 PHP 스크립트 당신이 선택한 코드 스타일 문서로.

PHP_CodeSniffer Greg Sherwood의 창안자는 아이디어가 어떻게 생겼는지, 문제를 해결하려고 시도했는지에 대한 훌륭한 배경 지식을 썼습니다..

요약하자면 Greg는 PHP 앱에 내장 된 JavaScript를 배우는 팀과 협력하고있었습니다. 그들의 목표는 PHP 코드 표준을 따르는 방식으로 JS를 구조화하여 인생을 앞뒤로 쉽게 전환 할 수있게하는 것이 었습니다. 따라서 PHP_CodeSniffer가 태어났습니다..

이것은 PHP 개발자에게 유용합니다. 언어는 필수 스타일 요구 사항이 매우 느슨합니다.. Laravel과 같은 프레임 워크는 더 엄격하지만 개발자는 타사 프레임 워크에 의존하지 않고도 자체 코드 표준을 설정할 수 있습니다..

PSR-0, PSR-1 및 PSR-2와 같은 다양한 표준이 모두 대중적이며 PHP 스니핑 라이브러리와 함께 제공됩니다.

그러나 WordPress, Magento 및 Drupal과 같은 PHP CMS를위한 사전 제작 된 많은 코드 표준을 찾을 수 있습니다. Drupal 코어 개발자는 Coder라는 공식 코드 스니퍼 모듈도 발표했습니다..

PHP는 의심 할 여지없이 코드 스니퍼로 최적화 할 수있는 가장 쉬운 언어입니다. 당신이 찾고 있다면 PHP 코드 표준 목록 이 GitHub 항목을 확인하십시오..

기타 백엔드 코드 스니퍼

백엔드 개발자는 PHP 이외의 다양한 언어로 작업하며 매년 그 수는 증가하고 있습니다. 대체 언어로 우리는 Python을위한 코드 스니퍼와 같은 라이브러리를 스니핑하는 대체 코드를 가지고 있습니다..

다른 스크립트를 온라인으로 확인하거나 PyLint와 같은 도구를 사용할 수 있습니다. 그러나 이는 인내가 개발 흐름에 영향을 주도록 요구하는 또 다른 방법입니다.

Ruby 개발자에게는 또한 여러 가지 선택 사항이 있습니다. 코드 linting 및 분석. Ruby Lint는 현대 Ruby 코드 용 정적 코드 분석기와 같이 항상 무료이며 오픈 소스입니다..

아직 Node.js 전용 코드 스니퍼를 찾지 못했지만 시간이 지나면 프로젝트가 나올 것으로 기대하고 있습니다. 노드 표준을 지원하는 JS 코드 스니퍼가 있지만 여전히 새로운 백엔드 언어이므로 성장 시간이 필요합니다..

마지막으로 데이터베이스에 사용되는 SQL 구문이 있습니다. 이 코드는 SQL 소스 코드에 대해 잘 지원되는 구문 표준을 찾기가 어렵 기 때문에 까다로울 수 있습니다. 그러나 나는 데이터베이스 쿼리를 최적화 할 때 엄청난 유용성을 입증해야하는 SQL 형식의 웹 응용 프로그램을 찾았습니다..

마무리

코드 스니핑을 시작하는 가장 좋은 장소는 하나의 언어와 하나의 표준입니다. HTML / CSS는 프론트 엔드 개발자가 쉽게 시작할 수있는 반면 PHP는 종종 백엔드 개발자 (특히 WordPress 개발자) 사이에서 가장 선호되는 선택입니다..

그리고 코드 스니핑, linting 및 최적화를위한 자동화 된 코드 분석에 대한 관련 게시물을 더 확인하고 싶다면.

왜 표준 코딩이 필요한지
Jeff Atwood의 코드 냄새
PHP 코드 스니퍼 : 설치 및 구성
CodeSniffer 소개 (1 부)
GitHub 쇼케이스 : 코드 Linter 삭제