웹 사이트 프로젝트의 기술 부채는 무엇이며 어떻게 처리해야합니까?

당신의 웹 사이트가 모르고 "아프다"고 느낀 적이 있습니까?

당신은 해본 적이 있습니까? 작년에 아름답게 출시 된 웹 사이트는 Active, Active를 클릭하고 어디에서나 흐르고 있습니다 ... 오늘 "Sluggish"는 소금 보트입니다. 고객이 탈출 할 때까지 각 페이지를 천천히 다운로드하십시오. 새로운 기능을 추가하는 방법 개발 팀은 "어려운 일"또는 "해체되어야한다"고 말했다. 이상한 빵을 찾았습니다. 여기에 표시 할 수 있습니다. 당신이 고개를 끄덕이면 두통을 끝없이 만들어라. 귀하의 웹 사이트는 보이지 않는 "큰 부채"를 가지고있을 수 있지만이 부채는 "기술 부채"또는 "기술 부채"라고 불리는 큰 영향을 미칩니다.

웹 사이트의 잠재력을 조금씩 물어 보는 것은 조용한 문제입니다. 치료 비용이 높아지고 최악의 결과는 여전히 비즈니스의 성장을 모르고 있음을 알지 못하고 있습니다.

- 그림의 프롬프트 : 인포 그래픽 이미지, 양쪽을 비교하여 왼쪽은 밝은 웹 사이트입니다. 속도를 보여주는 로켓 아이콘이 있습니다. 같은 웹 사이트의 오른쪽 오른쪽의 웃는 얼굴이 있지만 오래된 것처럼 보이면 주위에 랩핑 된 체인이 있습니다. 거북이 아이콘이 천천히 보여줍니다. 그리고 "이전"과 "이후"기술 부채를 가진 사용자의 음침한 얼굴 -

왜 "기술 부채"가 우리 웹 사이트에서 일어날 수 있습니까?

쉬운 "기술 부채"가 우리가 긴급한 돈이 필요할 때 익숙한 "금융 부채"와 다르지 않다고 상상해보십시오. 우리는 먼저 문제를 해결하기 위해 "비공식 대출"또는 "신용 카드 스 와이프"를 선택할 수 있습니다. 실제로 도움이 될 수 있지만 앞으로 반환 해야하는 "관심"과 교환했습니다.

웹 사이트 개발에서도 다양한 제한 사항이 발생하든 ...

• 마감일 : "다음 달 캠페인을 시작합시다!" 개발 팀은 바로 가기 코드를 작성하도록 선택해야합니다. 또는 제 시간에 작업을 완료하려면 가장 나쁜 솔루션을 사용하십시오.
• 한정된 예산 : 좋은 품질이 아닌 저렴한 플러그 인 (또는 무료)을 선택합니다. 또는 충분히 경험이없는 개발 팀을 고용하면 처음부터 건강에 해로운 웹 구조가 발생할 수 있습니다.
• 요구 사항 변경 : "이 버튼을 해결하고 싶습니다." 건축가가없는 집을 추가하는 것과 같습니다. 마지막으로 구조에 문제가있을 수 있습니다.
• 구식 기술 : CMS, 테마 또는 플러그인 버전을 업데이트하는 것을 거부하여 안전을 초래하고 완전한 성능이 없습니다.

이 "바로 가기"선택은 "기술적 인"부채입니다. 우리는 웹 출시에서 "속도"를 얻었지만 앞으로 고정하고 유지하는 데 더 높은 시간과 비용의 형태로 "지불"해야합니다. 일부 부채가 의도적이고 합리적이라고 설명했다는 개념입니다 그러나 무언가는 과실로 인해 발생합니다. 어쨌든 어떤 종류에 관계없이, 어쨌든 "지불"으로 돌아와야합니다.

- 삽화를위한 프롬프트 : 간단한 방법을 나타내는 2 웨이 표시가있는 만화 이미지, "올바른 길 (시간 시간)"을 다른 방식으로 쓰는 것은 포도체가있는 거친 단축키, "바로 가기 (신속하게 완성)"를 쓰는 것은 단축키로 돌립니다.

이 "부채"를 공개하는 경우 ... 얼마나 심각한 영향을 미칩니 까?

기술 부채를 무시하는 것은이자가 꽃을 준수하도록 허용하는 것과 같습니다. 처음에는 많이 보이지 않을 수 있습니다. 그러나 시간이 지남에 따라 이러한 효과는 더 명확하고 충격적입니다.

• 웹 사이트는 눈에 띄게 느립니다 : 비 효과적인 코드. 데이터베이스가 너무 복잡합니다. 웹 사이트가 천천히로드되면 사용자 (UX)의 경험에 직접적인 영향을 미치는 것은 더 나쁘고 Google이 느린 웹 사이트를 좋아하지 않기 때문에 SEO 순위가 떨어지게됩니다.
• 유지 보수 비용이 높을 수 있습니다. 버그 또는 소규모 업데이트는 예정보다 오래 걸립니다. 개발 팀은 "엉망"코드를 이해하고 복잡한 시간을 낭비해야하거나 다양한 플러그의 충돌 작업으로 인한 문제를 해결해야하기 때문입니다.
• 새로운 기능을 추가하기가 어렵습니다. 융통성이없는 웹 구조는 새로운 기능을 추가하는 것이 거의 불가능합니다. 또는 가능하면 웹 붕괴 된 다른 부분이 미래를 위해 개발하기로 선택할 때 어려운 결정이되었으며 전자 상거래 Repold
• 안전 위험 : 소프트웨어 또는 플러그인을 사용하는 것은 해커를 환영 할 수있는 문을 열어 웹 사이트를보다 쉽게 공격하는 것입니다.
• 개발자 좌절 : 아무도 항상 깨질 준비가 된 시스템을 사용하고 싶지 않습니다. 같은 문제에 반복적으로 직면해야한다면 좋은 개발 팀이됩니다. 불을 피우고 새로운 사람들을 찾는 데 드는 비용이 더 높아지고 더 높은지도를하는 사임을 결정할 수 있습니다.

결국, 우리가 축적하는 "부채"는 당신의 사업이 그대로 앞으로 나아가도록 방해하는 "벽"이 될 것입니다.

- 그림의 프롬프트 : X 코어의 그래프는 "시간"이고 Y 코어는 두 개의 그래프 라인이있는 "비용"입니다. 그린 라인 이름 "비용"은 X 축과 평행하게 실행되고 "실제 비용 (기술 부채 때문에 실제 비용)이라는 빨간색 라인은 시간에 따라 지속적으로 상승합니다.

작동하고 시작 해야하는 "기술 부채"를 관리하는 방법은 무엇입니까?

좋은 소식은 끝이 아닌 기술 부채입니다. 올바르게 시작하면 관리 할 수있는 것입니다. 열쇠는 그 "실제 부채"를 받아들이고 체계적으로 "부채 지불"계획을 시작하는 것입니다.

기술 부채 관리 단계 :

1. 부채를 탐색하고 평가하십시오 (감사 및 승인) : 첫 번째 단계는 개발 팀과 공개적으로 대화하는 것입니다. 시스템의 모든 "부채"포인트를 지정할 수 있습니다. "부채 로그"또는 기술 부채를 만듭니다. 또한 각 품목의 폭력 점수를 줄 수 있습니다.
2. 부채 지불 우선 순위 (우선 순위) : 지불 해야하는 모든 부채는 먼저 부채를 "지불"할지 여부를 선택해야합니다. 고려함으로써 :
   • 사용자 및 비즈니스에 미치는 영향 : 웹이 느려지거나 결제 페이지에 영향을 미치거나 전환에 영향을 미치는 부채가 우선 순위를 정해야합니다.
   • 쉽게 해결하기 쉬운 : 때로는 빠르게 수행되는 작은 부채 (빠른 승리)가 팀의 격려를 높이는 데 도움이됩니다.
3. 상환 계획 만들기 : "모든 스프린트에서는 기술 부채를 청산하기 위해 개발 팀의 20%를 나눌 것"과 같은 부채 관리의 명확한 정책. 이것은 모든 새로운 기능 개발에 영향을 미치지 않으면 서 부채를 계속 줄일 것입니다.
4. 새로운 부채 예방 (예방) : 코딩 표준, 코드 검토 (팀의 사람들이 코드 확인을 도와 줄 수 있도록) 및 자동 테스트를 작성하여 새로운 품질의 작업이 품질이 높고 향후 추가 부채를 만들지 않도록합니다. 깊은 이해는 팀 이이 문제를 조기에 예방하는 것의 중요성을 보는 데 도움이 될 것입니다.

부채를 다루기로 한 결정은 플랫폼에 적합합니다. 각 플랫폼의 총 소유 비용이 발생할 수있는 기술 부채의 특성에 따라 다르기 때문에 중요합니다.

-그림을위한 홍보 : 브레인 스토밍 포스트가있는 화이트 보드 이미지 -IT 메모는 기술 부채 사분면 (무모한/신중한 vs 신의 텐트/inadvert)에 따라 4 개의 채널로 나뉘어져 부채의 평가 및 우선 순위를 보여줍니다.

Real Thing의 예 : 전자 상거래 웹 사이트가 판매까지 "부채를 릴리스"할 때

Woocommerce에 구축 된 온라인 상점이 있다고 상상해보십시오. 그러나 3 년 후, 상점은 큰 문제가 발생하기 시작했습니다. 웹 페이지는 매우 느리게로드되었습니다. 특히 많은 사진이있는 제품 페이지는 결제 프로세스가 종종 무료이거나 エ ラ ー 종종 종종 마케팅 팀이 개발 팀이 매번 복잡한 코드를 편집 할 때까지 기다려야하기 때문에 즉시 새로운 프로모션을 추가 할 수 없습니다.

발생하는 문제 : 어린이 테마를 생성하지 않고 테마의 품질을 확인하지 않고 너무 많은 플러그인에서 "기술 부채"를 축적하여 해결 된 모든 업데이트가 발생하며 데이터베이스에는 오래된 정보가 가득합니다. 그것은 결코 씻지 않았기 때문에 모든 것이 너무 느리지 않습니다

"채무 릴리스"의 사명 : 상점 소유자는 전체 감사 시스템을 시작으로 웹 사이트 리노베이션을 그들은 불필요한 플러그 인을 철회하고 더 잘 작동하는 고품질 플러그로 전환하여 개발 팀이 리팩터, 모든 새 코드, 데이터베이스 작동 및 더 높은 효율로 이동할 수 있도록합니다.

놀라운 결과 : 큰 "부채"후 2 개월 이내에. 그들의 웹 사이트는 페이지로드 시간의 첫날만큼 빨리 돌아 왔으며 체크 아웃의 60%이상, 체크 아웃이 완전히 손실되고 마케팅 팀은 새로운 캠페인을 만들 수 있습니다. 결과적으로 결과적으로 전환율은 35% 증가하고 총 매출이 증가합니다. 이는 아직 광고 예산을 증가시키지 않았지만 이는 기술 부채 관리의 힘을 심각하게 증가시킵니다.

-그림을위한 홍보 : 안정적인 판매 그래프와 낮은 전환율을 보여주는 대시 보드의 전후 온라인 상점. 더 높은 매출 판매의 후면과 전환율 수가 분명히 증가하고 있습니다.

웹 사이트 인 "Health Check"에 대한 간단한 점검 목록. (즉시 사용할 수 있음)

프로그래머 일 필요는 없으며 웹 사이트 인 "건강 검진"을 시작하고 기술 부채의 "표시"를 찾을 수 있습니다. 이 점검표를 사용하여 팀과 대화하십시오.

• [] 쉽게 또는 어려운 업데이트? : 개발 팀에 "웹 사이트에서 CMS, 테마 또는 플러그인 버전 업데이트가 지금 클릭하기 쉽거나 무섭고 많은 준비를해야합니까?"대답이 큰 부채 신호 인 경우 대답이있는 경우.
• [] 웹 페이지로드 속도는 얼마입니까? : Google Pagespeed Insights와 같은 도구를 사용하십시오. 웹 속도를 테스트하십시오. 점수가 특히 모바일의 기준보다 훨씬 낮은 경우 명확한 증상입니다.
• [] 작은 버그 설정 얼마나 걸립니까? : "잘못된 메시지 나 색상 버튼 색상과 같은 간단한 버그를 찾으면 몇 분 동안 고치거나 하루를 보냈습니까?"
• [] 개발 팀의 느낌 : "이 웹 사이트를 돌보고 개발하는 데 간단한 점수를 주면 얼마나 많은 것을 줄 것인가? 그리고이 웹 사이트에서 작업 할 때 가장 좌절감을 느끼게하는 것은 무엇입니까?"
• [] 웹을 이동할 계획이 있습니까? : 팀이 "웹 움직임"또는 "새 웹 사이트"에 토론 할 수있는 경우 현재 웹 사이트의 "부채"가 수정하기에는 너무 높기 때문에 웹 사이트를 조기에 이동하기위한 체크리스트 준비가 최상의 솔루션이 될 수 있기 때문입니다.

이러한 질문을 시작하는 것은 기술 부채를 수락하고 준비하는 것이 가장 중요한 첫 번째 단계입니다.

- 그림의 프롬프트 : 아이콘 업데이트, 팀 비트, 눈살을 찌푸린 아이콘, 프로그래머, 로켓 아이콘과 같은 각 구성 요소 아이콘과 함께 위의 질문이있는 체크리스트 이미지 -

사람들이 "기술 부채"에 대해 의심하는 경향 (FAQ)

Q1 : 기술 부채는 모든 것이 나쁘고 제거되어야합니다.

A : 항상 그런 것은 아닙니다. 기술 부채 일부 유형 (신중하고 고의적 인 부채로 알려진 일부 유형)은 시장을 먼저 테스트하기위한 MVP (최소 vialduct)의 출시와 같이 필수적인 전략적 옵션 일 수 있습니다. 코드가 가장 완전하지는 않지만 나중에 다시 수정하기 위해 돌아올 계획이 있음을 수락함으로써, 키는 부채를 창출하고 명확한 "상환 계획"이있는 "실현"하는 것입니다.

Q2 : 새로운 프로젝트에서 기술 부채를 창출하는 방법은 무엇입니까?

A : 100%를 피하면 불가능할 수 있습니다. 그러나 우리는 프로젝트를 잘 줄이고, 프로젝트 계획을 세우고, 합리적인 시간과 예산을 부여하고, 품질 개발 팀을 선택하고, 코드 검토 문화를 만들고, 테스트를 작성하고, 프로젝트의 장기 목표에 적합한 기술을 선택합니다.

Q3 : 저는 프로그래머가 아닙니다. 팀이 기술 부채를 창출하고 있다는 것을 어떻게 알 수 있습니까?

A : "결과"에서 관찰하십시오. 예를 들어, 팀이 간단한 작업을위한 작업보다 더 오래 평가하는 경향이 있거나 웹 사이트가 느려지거나 팀이 "할 수 없음"또는 간단한 요청으로 "수행하기 어려운"이라고 말하면 신호가 될 수 있습니다. 정기적 인 의사 소통이 최고입니다.

Q4 : 투자 "기술 부채 지불"은 실제로 그만한 가치가 있습니까? 새로운 기능없이 돈을 사용하는 것 같습니다.

A : 확실히 장기적으로 가치가 있습니다. 앞으로 "속도"와 "민첩성"에 대한 투자입니다. 아직 새로운 기능이 없을 수도 있지만 미래의 10 가지 새로운 기능을 개발할 것이며 "더 빠른" "더 저렴한"및 "더 많은 품질"을 만들어 낼 것입니다.

- 삽화 프롬프트 : 이미지 아이콘, 중간에 큰 물음표 (?) 및 소수의 사람들. 질문에 대한 질문을 전달하기 위해 서서 이야기했습니다.

요약 : "보이지 않는 부채"가 귀하의 웹 사이트에 작별 인사를하지 마십시오.

이 시점에서 우리는 이미 "기술 부채"또는 "기술 부채"가 프로그래머를위한 두통 기술 용어 일뿐 만 아니라 "건강 지표"라는 것과 동일한 이미지를 이미 보았습니다. 가장 중요한 사업은 가장 중요한 돈 도구 인 웹 사이트를 만들 수있는 "숨겨진 비용"입니다. 번영이 천천히 지연되었습니다

이 부채를 무시하는 것은 결국 수표 센터에 들어가지 않고 운전하는 것과 같습니다. 반면에 정기적으로 "부채 지불"을위한 자원의 수락, 계획 및 할당은 웹 사이트와 비즈니스의 미래에 가장 현명한 투자이며,이를 통해 간소화되고 지속 가능성이 높아질 수 있습니다.

시간입니다 ... 웹 사이트의 "건강"을 진지하게 탐색하기 위해 돌아올 때입니다. 우리가 제공 한 간단한 점검 목록부터 시작하여 팀과 대화하기 위해 마음을 열어주십시오. 기술 부채의 "이자"를 기다리지 마십시오. 오늘부터 행동하는 것은 다음날 성공을위한 강력한 기반을 구축하는 것입니다!

웹 사이트가 자신을 처리하고 "전문가 팀"이 "건강을 확인하고"구조를 개선 "하는 데 도움이되는"전문가 팀 "을 원한다고 생각되면 웹 사이트 리노베이션 팀을 참조하십시오. 우리는 당신이 부채를 풀고 웹 사이트로 다시 속도를 반환하는 데 도움이 될 준비가되었습니다!

- 삽화를위한 프롬프트 : 영감을주는 이미지는 밝게 뻗어있는 도로를 보여줍니다. 현대적으로 보이고 빠르게 작동하는 웹 사이트를 통해 그 도로에서 달리는 것은 부채를 전달하고 미래가없는 미래를 전달하고 성장할 준비가되어 있습니다.

‍