코딩 기술을 향상시키는 6가지 코딩 팁

요즘에는 많은 프로그래머들이 자신의 기술과 프로그래밍 능력을 향상시킬 수 있는 좋고 효과적인 방법을 찾지 못하거나 현재에 머물고 있을 수 있습니다. 이제 좀 더 실용적이고 효과적인 방법을 알려드리겠습니다.

일부 프로그래머는 매주 4가지 언어로 최소 수백 줄의 코드를 작성할 수 있습니다. 또한 다른 개발자와 협력하여 코드를 편집하고 검토할 수도 있습니다.

간단히 말하면 코드가 널려 있고, 정리되지 않은 경우도 있지만, 무엇보다 잘 작성되지 않은 경우에는 상황이 좀 복잡해집니다. 코드의 전반적인 품질을 향상시킬 수 있는 몇 가지 방법을 살펴보겠습니다.

1. 모듈 구축 시작

코드를 일관되고 재사용 가능하며 체계적으로 유지하는 가장 좋은 방법 중 하나는 기능을 그룹화하는 것입니다. 예를 들어 모든 js 코드를 하나의 main.js 파일에 넣는 대신 기능에 따라 별도의 파일로 그룹화한 다음 빌드 단계를 완료한 후 연결해 보세요. 물론 모듈식 코드를 작성하려면 더 많은 작업이 필요합니다. , js에서 모듈식 코드를 작성할 수는 없습니다.

Sass(여기에 소개됨)와 같은 CSS 전처리기를 사용하면 CSS 파일을 별도의 파일에 작성한 다음 컴파일할 때 기본 파일에 포함할 수 있습니다. 이를 통해 버튼, 목록 및 글꼴과 같은 다양한 구성 요소에 대해 별도의 CSS 파일을 작성할 수 있습니다. 마지막으로 모든 것이 하나의 기본 파일에 포함되어 코드 전체를 유지 관리하는 것이 훨씬 쉬워집니다.

Polymer와 같은 새로운 기술을 사용하면 HTML, CSS 및 JS를 위한 사용자 정의 HTML 요소를 작성할 수 있습니다. 기능에 따라 별도의 구성 요소로 구성할 수 있습니다. 또한 브라우저에서 Node.js 스타일 모듈을 사용할 수 있는 Browserify(여기에 설명됨)도 확인해야 합니다.

Brad Frost도 다음과 같은 훌륭한 개요를 제공합니다. 모듈러 코드를 작성하는 개념과 방법은 여기에 있습니다.

2. 전처리기에 대해 말하자면...

전처리기는 모듈러 코드를 작성하는 데 도움이 될 뿐만 아니라 다른 많은 작업에도 유용합니다. 전처리기는 브라우저가 처리할 수 있는 것과 동일한 HTML, CSS 및 JS를 출력하면서 코드 내부에 추가 기능을 추가할 수 있습니다. 그러나 이를 수행하면 계속해서 사용할 수 있는 이점을 누릴 수 있습니다. .

전처리기를 사용하면 코드 작성 시간을 절약할 수 있습니다. 또한 대부분의 전처리기는 사용자 정의가 가능한 유용한 기능도 제공합니다. 일부에는 선호하는 출력 스타일을 선택하고, 플러그인과 추가 기능을 포함하고, 필요한 경우 사용자 정의 알림을 생성할 수 있는 옵션도 포함되어 있습니다. 가장 인기 있는 전처리기는 대규모 커뮤니티를 보유하고 있으며 잘 관리되어 있지만 일반적으로 질문에 대한 답변도 쉽습니다.

다음은 가장 인기 있는 CSS, HTML 및 JS 전처리기인 Sass, Haml 및 CoffeeScript를 소개하는 비디오입니다.

Sass에 관심이 있다면 SitePoint 작성자 방법에 대한 기사를 참조하세요. Hugo Giraudel은 Sass 프로젝트와 이를 수행하기 위해 자신이 가장 좋아하는 도구를 구성합니다.

Sass를 탐색할 때 HAML 및 Coffescript Oh도 확인해 보세요.

없습니다. 프로그램을 작성하는 데 사용하는 모든 언어에서 전처리기를 사용하지만 그 중 다수는 더 나은 코드를 작성하는 데 도움이 됩니다.

3. 작성을 시작하기 전에 계획을 세우세요

마지막으로 앉은 시간은 언제입니까? 어떤 아키텍처를 사용할 계획이고, 자동화된 런타임 도구를 사용하거나 시스템을 구축할 계획이 있습니까? 구조가 어떻게 될지 정확히 파악하고 나면 프로젝트를 쉽게 진행할 수 있으며 절반만 진행하면 돌아가서 일부 코드를 다시 작성하면 됩니다.

North는 훌륭한 세트입니다. 웹 프로젝트를 처음부터 끝까지 계획하는 방법에 대한 규칙입니다. 길고 포괄적인 온라인 문서로, 코드를 작성할 때 모든 내용이 사용되는 것은 아니지만, 그 길이와 자세한 절차는 사이트를 구축할 때의 과정을 보여줍니다. 고려해야 할 요소가 너무 많습니다.

특히 매일 새로운 도구와 라이브러리가 생성되는 경우에는 올바른 도구와 라이브러리를 선택하는 것이 어려울 수 있습니다. 전략은 도구 상자 리소스 목록을 유지하는 것입니다. 가장 유용하고 유용한 내용을 추적하여 다음 프로젝트에 자유롭게 사용할 수 있습니다.

4. 버전 제어 사용

버전 제어는 파일 또는 파일의 수정 사항을 기록하는 방법입니다. Bitbucket, Assembla, Github 등 버전 관리를 지원하는 서비스가 많이 있습니다. Github는 소셜 코딩을 지원하기 때문에 개인적으로 좋아하는 서비스입니다. Github에서 다른 사람이 작성한 코드를 공유하고, 개발하거나 배울 수 있습니다.

버전 관리는 이해하기 다소 복잡한 주제이지만 소개 튜토리얼이 많이 있습니다. 시작하기 전에 git 소개를 읽어 기본적인 내용을 이해하는 것이 좋습니다. 또한 우리 팀이 제공하는 Git 사용 가이드와 Git 고급 팁을 살펴볼 수도 있습니다. git에 관심이 없다면 버전 관리에 대한 다른 제안도 확인해 보세요.

마지막 제안: 명령줄을 사용하세요. 명령줄은 위협적인 사용자 인터페이스일 수 있지만 익숙해지면 전반적인 프로그래밍에 대한 이해가 향상되는 동시에 Gulp 및 Grunt와 같은 다른 훌륭한 도구를 사용할 수 있는 기능도 제공됩니다.

5. 코드 리뷰 시작

팀에 속해 있다면 쉽지만 독립 개발자라면 코드 리뷰가 불가능하지 않습니다. 코드 리뷰의 기본 아이디어는 자신이 작성한 코드를 다른 개발자(또는 상사)에게 보여줌으로써 자신이 작성한 내용을 설명하고, 더 나은 작성 방법을 배우고, 심지어 기술을 이해하지 못하는 사람들에게도 가르칠 수 있도록 하는 것입니다. 당신은 친숙한 사람들을 사용하고 있습니다.

완성된 코드를 개선하는 방법을 배우는 것을 목표로 일주일에 한 번씩 하는 것이 가장 좋습니다. 다음은 코드 검토를 가장 잘 수행하는 방법을 설명하는 코드 검토의 이점에 대한 기사입니다.

독립적으로 개발하거나 반사회적 성향을 지닌 사람이라면 jslint와 SCSSlint가 매우 유용할 수 있습니다. 이러한 도구는 파일을 깔끔하고 깨끗하게 유지하면서 코드에 오류가 있는지 확인합니다. 그들과 함께라면 사람들과 교류할 필요가 없습니다.

6. 프로그래밍에 도전하세요

매일 사용하는 언어를 더 잘 이해하려는 개발자에게 프로그래밍 과제를 제공하기 위해 고안된 무료 온라인 리소스가 많이 있습니다. 이들 사이트 중 대부분은 필요할 때 도움을 줄 수 있는 대규모 커뮤니티를 갖추고 있으므로 어려움이 발생하더라도 계속할 수 없을까 걱정할 필요가 없습니다.

CodeWars는 JS 기술을 정리하는 데 매우 도움이 됩니다. , 그리고 Codepen에 내장된 임의의 프런트엔드 과제를 제공하는 연습 앱도 있습니다.

위의 제안을 따르면 어느 정도 코딩 기술이 크게 향상되어 사이트, 도구 또는 사이트의 품질이 향상됩니다.

위의 제안은 일부 수석 프로그래머가 자신의 관련 경험을 바탕으로 요약하고 공유한 것입니다. 시간이 있으면 이에 대해 더 자세히 알아볼 수 있고 도움이 될 수도 있습니다.