웹 개발에서 살아남기

  • 홈
  • 태그
  • 방명록

Coupling 1

React 실무 설계 (3): 결합도를 낮춰 디버깅 쉽게 하기

좋은 React 설계의 제1원칙은 '결합도(Coupling)는 낮추고, 응집도(Cohesion)는 높이는 것'이다. 이번 글에서는 컴포넌트끼리 서로 너무 많이 알고 있어서 발생하는 '강한 결합'의 문제점과, 이를 끊어내어 유지보수하기 쉽게 만드는 구체적인 리팩토링 전략을 다룬다. React 실무 설계 (3): 결합도를 낮춰 디버깅 쉽게 하기이 글은 React 실무 설계 가이드 시리즈의 3번째 글이다. 이전 글 보기코드를 수정할 때, 컴포넌트 A 하나를 고쳤는데 전혀 상관없어 보이는 컴포넌트 B, C에서 에러가 터지는 경험을 해보았을 것이다. 우리는 이걸 흔히 "스파게티 코드"라고 부르지만, 소프트웨어 공학 용어로는 "결합도(Coupling)가 높다"고 표현한다.결합도가 높다는 것은 컴포넌트끼리 서로 너무..

카테고리 없음 2025.12.01
이전
1
다음
더보기
프로필사진

웹 개발에서 살아남기

공부하면서 알게 된 것들, 나중에 다시 보면 좋겠다 싶은 내용들을 적어두는 공간입니다 😆

  • 분류 전체보기 (93)

Tag

Frontend, ShallowCopy, react hook form, approuter, TroubleShooting, refactoring, EVENT LOOP, Web API, Task Queue, Next.js, useEffect, Ant Design, javascript, 프론트엔드, 프론트엔드 개발, JavaScript 날짜 처리, 비동기처리, React, date-fns, Typescript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바