반응형 태그javascript3 [리팩터링 카탈로그] 1-7. 변수 이름 바꾸기 절차 폭넓게 쓰이는 변수라면 변수 캡슐화하기를 고려한다. 이름을 바꿀 변수를 참조하는 곳을 모두 찾아서, 하나씩 변경한다. 테스트 한다. 예시 Before: let a = height * width; After: let area = height * width; 출처 : 리팩터링 2판 – Chapter6 2021. 12. 6. [리팩터링 카탈로그] 1-6. 함수 선언 바꾸기 절차 변수로의 접근과 갱신을 전담하는 캡슐화 함수들을 만든다. 정적 검사를 수행한다. 변수를 직접 참조하던 부분을 모두 적절한 캡슐화 함수 호출로 바꾼다. 하나씩 바꿀 때마다 테스트 한다. 변수의 접근 범위를 제한단다. 테스트 한다. 변수 값이 레코드라면 레코드 캡슐화하기를 적용할지 고려해본다. 예시 Before: let defaultOwner = { firstName: "John", lastName: "Doe" }; After: let defaultOwnerData = { firstName: "John", lastName: "Doe" }; export function defaultOwner() { return defaultOwnerData; } export function defaultOwner(dat.. 2021. 12. 6. [리팩터링 카탈로그] 1-5. 함수 선언 바꾸기 간단한 절차 매개 변수를 제거하려거든 먼저 함수 본문에서 제고 대상 매개변수를 참조하는 곳은 없는지 확인한다. 메서드 선언을 원하는 형태로 바꾼다. 기존 메서드 선언을 참조하는 부분을 모두 찾아서 바뀐 형태로 수정한다. 테스트 한다. 예시 Before: function circum(radius) { return 2 * Math.PI * radius; } After: function circumference(radius) { return 2 * Math.PI * radius; } 마이그레이션 절차 이어지는 추출 단계를 수원하게 만들어야 한다면 함수의 본문을 적절히 리팩터링한다. 함수 본문을 새로운 함수로 추출한다. 추출한 함수에 매개변수를 추가해야 한다면 ‘간단한 절차를’따라 추가한다. 테스트한다. 기존 .. 2021. 12. 5. 이전 1 다음 반응형