개발자 기술을 개발하기위한 4 가지 팁

Sep 11, 2025

어떻게

Coder navigates a roadmap avoiding bugs and errors in coding

(이미지 크레디트 : 로버트 피자)

훌륭한 감독 댄 쇼핑몰 웹 디자이너와 관련이있는 방법에 대한 프로 팁을 공유 할 것입니다. 뉴욕을 생성하십시오 2018 년. 지금 티켓을 가져 가라 ...에

웹 개발에서 5 년 미만의 경험을 가진 사람들을 위해 언어 기능, 프레임 워크, 아키텍처 및 모범 사례와 관련하여 발을 찾는 것이 가능성이 큽니다. 최상의 의도로 각 사이트를 시작할 수는 있지만, 결국 최상의 의도가 있지만, 당신이 원하는 것은 당신이 지불 할만 큼 충분히 잘 작동하는 것입니다.

나는 이론에서의 다양한 잘 알려진 브랜드의 사이트를 구출하는 지난 몇 년을 보냈지 만 프리랜서의 상향 조건이 부족한 프리랜서의 일상적 이익은 스파게티 - 기술 부채의 접합부.

01. 수식을 따르십시오

내가 방해하고 싶은 일은 우리 모두가 거기에 있었고 모든 것을 알지 못하는 것에 아무런 문제가 없다는 것을 확신하는 것입니다. 프로그래밍은 훌륭한 재미이며 매일 그렇게하고 싶은 이유는 어려움을 겪고 혁신적인 솔루션을 제공하고 혁신적인 솔루션을 제공하기 때문입니다.

그러나 여기서는 여기에 프로그래밍 재미를 재미있게 만드는 것입니다 (발에 대한 독창적 인 것들이 독창적 인 것과 사고가 발생 함)은 실수로 더 큰 팀 LED 프로젝트에 대한 기술 부채에 기여할 수 있습니다.

수년에 걸쳐 입증 된 모범 사례, 원칙 및 패턴이 확립됩니다. 연구, 배우고 구현하고 이행하는 것은 귀하의 직업이며,이 과정에서 유지 보수성과 신뢰성을 위해 개성을 약간 희생합니다. 블로그 게시물이 있습니다. 당신은 코드를 작성하는 데 돈을 지불하지 않습니다 '그것은 오히려 그것을 합산합니다.

02. 작은 물건을 땀을 흘리십시오

프로그래밍은 명확성에 대해 매우 중요하며 나무를위한 나무를 볼 수 없을 때 코드베이스 의도적으로 의도적으로 기울고 평균을받는 것은 심각하게 감소 될 것입니다. 따라서 사물 꼭대기에 머물기위한 기본 전략은 기본에 대한 지성이어야합니다.

울트라 구성 : 폴더 구조 및 파일 위치 (프레임 워크가 여기에서 도움이 될 수 있음)에 대한 걱정, 모듈이 일관된 API 주문, 그룹 공통 기능을 그룹화하고 구분 기호가있는 템플릿을 사용하십시오.
코드를 읽을 수 있습니다. 화이트 공간을 현명하게 사용하고 주석을 사용하여 그룹화에 주석을 달고 의도를 명확히하십시오 (그러나 나쁜 코드가 아님). 당신은 팀으로 일하고 있으며 분명히 지급됩니다.
모서리를 자르지 마십시오. 이제는 시간을 절약 할 수 있지만 프로젝트가 커짐에 따라 스틴지 게재가 복잡해지고 나중에 프로젝트가 비용이 부과 될 수 있습니다.

프로세스 전반에 걸쳐 따라 가면 실수를 바로 잡으십시오. 조만간 다른 코드는 이러한 오류에 의존 할 것입니다. 가능한 한 빨리 부패를 멈추십시오. 변경되면 일관되게 만드십시오. 데이터베이스 열, 백엔드 함수, API 호출, JavaScript 함수, 문서, 주석, HTML 속성, CSS 클래스 이름 등 - 모든 캐스케이드가 모두 계산되었는지 확인하십시오.

03. 체재하기

Image showing a before and after of restructured and refactored code — 동일한 응용 프로그램 라우트 파일의 두 가지 버전입니다. 응용 프로그램의 구조를 더 쉽게 이해할 수 있습니까?

캡슐화를 조용히 무시하고 앱에 대한 글로벌 참조가있는 코드를 조용히 무시하거나 앱에 대한 글로벌 참조가있는 코드를 쓰거나 Pdurent.parent를 사용하는 구성 요소를 통해 도달 할 때 유혹이 있습니다. 이것은 기술적 인 빚을 빌드합니다.

가능한 경우, 앱을 일련의 독립적 인 모듈로 생각하고 틀 워크의 모범 사례를 빌드하여 단단한 커플 링과 상호 의존성을 제거하기 위해 빌드하십시오. 도움이되면 다른 프로젝트에서 앱의 일부를 재사용하고 파일, 마크 업 및 코드를 어떻게 구조화 할 수 있는지 생각해보십시오.

책임을 일으키고 끊임없이 자신에게 물어보십시오 : 여기에 속해 있습니까? 코드가 'icky'를 느낀다면 아마도 그렇습니다.

팀 프로젝트에서 코드 재사용 및 복사 / 붙여 넣기 코드 부족은 큰 문제입니다. 반복되는 코드가 보이면 글 머리 기호를 물리 며 모든 인스턴스를 함수, 모듈 또는 템플릿으로 보냅니다. 다시 말하지만, 좋은 폴더 구조로 인해 일을 할 위치를 쉽게 사용할 수 있습니다.

04. 과도한 복잡성을 조심하십시오

A before and after demonstrating how a refactored class is more readable, functional and testable — 오른쪽의 리팩토 된 클래스는 왼쪽에있는 더 읽기 쉬운 기능 및 테스트 가능한 버전입니다.

복잡성의 핵심 문제는 해결하려고하는 원래의 문제로 인해 마스크를 마스크하고 산만하게하고, 어플리케이션의 동일한 위치 또는 다른 부분에서 더 많은 코드와 더 복잡성을 생성합니다. 당신은 악순환으로 끝납니다.

코드가 잘 관리 된 API보다 대수학 교훈처럼 보이기 시작하면 단계를 다시 가져 가야합니다. 특별한 코드 덩어리, 클래스가 해결하려는 문제에 대한 현재 접근 방식에있는 클래스를 리팩토링하는 것이 필요할 수 있습니다.

극단적 인 경우에는 아직 밖에서 볼 필요가있을 수 있습니다. 최근에 내가 실현 된 매우 복잡한 뷰 설정을 리쿼터링하여 심하게 사고 출력 스키마의 희생자였습니다. 회복 된 경로를 현명한 무언가로 재 설계함으로써 나는 다양한 수업에서 수백 가지의 밀도 스파게티 코드를 도랑 할 수 있었고, 프로세스에서 오랜 라우터 해킹 / 버그를 제거 할 수있었습니다.

특히 둔한 코드를 작성한 후에는하지 말아야 할 한 가지는 자랑스럽게 읽는 것이 얼마나 어려워 지는지 자랑스럽게 앉아 있습니다! 최고의 코드는 우아합니다 (읽기 : 까다로운 것); 네가 아닌 경우, 당신은해야 할 일이 있습니다.

이 기사는 원래 웹 디자이너 및 개발자를위한 세계 최고의 판매 매거진 인 NET 290에 출판되었습니다. 구입 문제 290. 또는 Net에 가입하십시오 ...에

프로그래밍 기술을 연마하는 데 더 많은 조언을 원하십니까?

Dan Mall is giving his talk Should Designers…? at Generate New York from 25 - 27 April 2018 — Dan Mall은 디자이너에게 이야기해야합니다 ... 2018 년 4 월 25 일부터 뉴욕을 생성하는 데

디자이너는 관련이 있고 효과적이지만 초점을 맞추는 가치가있는 기술을 성장시켜야합니다. 디자이너가 코드를 학습해야하며 그렇다면 코드 지식이 실제로 재능있는 엔지니어와 일하는 차이를 만들 수 있습니까? 디자이너가 민첩한 워크 플로우에 어떻게 들어갈 수 있습니까? 프로젝트 방법론은 어쨌든 중요합니까? 설계자가 설계 시스템을 생성, 사용 및 유지 관리하는 역할은 무엇입니까?

그의 이야기에서 2018 년 4 월 25-27 일부터 뉴욕을 생성합니다 , 슈퍼 친화적 인 감독 댄 몰은이 질문들과 더 많은 방법론과 기술을 제공하여 설계자가 더욱 없어서는 안될 구멍이 될 수 있도록 특정 방법론과 기술을 제공하기 위해 이야기와 시각을 공유합니다. 지금 티켓을 가져 가라 ...에

관련 기사:

지금 알아야 할 개발자 도구
25 웹 개발 팁 기술을 향상시킵니다
10 가지 웹 개발자가 진정으로 놀라운 것으로 알려야합니다.

개발자 기술을 개발하기위한 4 가지 팁

01. 수식을 따르십시오

02. 작은 물건을 땀을 흘리십시오

03. 체재하기

04. 과도한 복잡성을 조심하십시오

프로그래밍 기술을 연마하는 데 더 많은 조언을 원하십니까?

어떻게 - 가장 인기있는 기사

CSS 모양으로 디자인하는 방법 : 도입

CSS를 최적화하고 사이트 속도를 최적화하는 21 가지 방법

친 화성 디자이너 : 펜 도구를 사용하는 방법

Cinema 4D에서 만화 캐릭터를 만드는 방법

설득력을 칠하는 방법

InDesign에서 책 표지를 디자인하는 방법

아름다운 수채화 풍경 그림을 만드는 방법

물질 화가를 사용하여 게임 준비 텍스처 생성

카테고리