Eundms

- 접근할 수 있는 범위가 넓은 데이터를 옮길 때 : 그 데이터로의 접근을 독점하는 함수를 만드는 식으로 캡슐화하는 것이 가장 좋은 방법 - 데이터 변경 전 검증이나 변경 후 추가 로직을 쉽게 끼워 넣을 수 있음. : 객체 지향에서 객체의 데이터를 private로 유지해야 한다고 강조하는 이유 = 데이터 변경 통로가 정해지게 됨. 오류 찾기 쉬움 - 클래스 쪼개기 전, 필드를 자가 캡슐화 방법 1. 변수로의 접근과 갱신을 전담하는 캡슐화 함수들을 만든다. 2. 정적 검사를 수행한다. 3. 변수를 직접참조하던 부분을 모두 적절한 캡슐화 함수 호출로 바꾼다. 하나씩 바꿀 때마다 테스트한다. 4. 변수의 접근 범위를 제한한다. -> 변수로의 직접 접근을 막을 수 없을 때도 있다. 그럴 때는 변수 이름을 바꿔서..

🍜개발자라면/책을 읽자✍ 2021. 9. 26. 14:58

- 표현식이 너무 복잡해서 이해하기 어려울 때 표현식에 이름을 붙이고 싶다. 현재 함수 안에서만 의미가 있다? : 변수로 추출 함수를 벗어난 넓은 문맥에서까지 의미가 있다? : 함수로 추출_ 질의함수로서 사용 방법 1. 추출하려는 표현식에 부작용은 없는지 확인한다. 2. 불변 변수를 하나 선언하고 이름을 붙일 표현식의 복제본을 대입한다. 3. 원본 표현식을 새로 만든 변수로 교체한다. 4. 테스트한다. 5. 표현식을 여러 곳에서 사용한다면 각각을 새로 만든 변수로 교체하고, 그때마다 테스트한다. 변수 추출하기 현재 함수 안에만 의미가 있다 -> 변수로 추출 // 변경전 function price(order){ // 가격(price) = 기본 가격 - 수량 할인 + 배송비 return order.quant..

🍜개발자라면/책을 읽자✍ 2021. 9. 26. 14:36

- 목적/구현을 분리하기 위해 함수로 만들기 highlight()함수 내에 reverse()라는 메서드만 호출 : 길이는 중요하지 않음. 방법 1. 함수를 새로 만들고 목적을 잘 드러내는 이름을 붙인다. ('어떻게'가 아닌 '무엇을 하는지'가 드러나야 한다) -> 목적이 드러나는 이름, 중첩 함수를 지원하는 언어를 사용한다면 추출한 함수를 원래 함수 안에 중첩, 언제든 함수 옮기기를 적용. 2. 추출할 코드를 원본 함수에서 복사하여 새 함수에 붙여넣는다. 3. 추출한 코드 중 원본 함수의 지역 변수를 참조하거나 추출한 함수의 유효범위를 벗어나는 변수는 없는지 검사한다. 있다면 매개변수로 전달한다. 4. 변수를 다 처리했다면 컴파일한다. 5. 원본 함수에서 추출한 코드 부분을 새로 만든 함수를 호출하는 문..

🍜개발자라면/책을 읽자✍ 2021. 9. 26. 13:13

- 레코드 구조체의 필드 이름 - 클래스 내 필드 - 클래스 내 사용하는 부분, getter, setter메서드 방법 1. 레코드의 유효 범위가 제한적이라면 필드에 접근하는 모든 코드를 수정한 후 테스트한다. 이후 단계는 필요없다. 2. 레코드가 캡슐화되지 않았다면 우선 레코드를 캡슐화한다. 3. 캡슐화된 객체 안의 private 필드명을 변경하고, 그에 맞게 내부 메서드들을 수정한다. 4. 테스트한다. 5. 생성자의 매개변수 중 필드와 이름이 겹치는 게 있다면 함수 선언 바꾸기로 변경한다. 6. 접근자들의 이름도 바꿔준다. (6.5절) 필드 이름 바꾸기 const organization = {name : "삼성", country: "KOR"}; name을 title로 바꾸고 싶다. organizatio..

🍜개발자라면/책을 읽자✍ 2021. 9. 25. 14:24

- 함수 이름 - 함수 매개변수 (함수를 사용하는 문맥을 설정) ex) 전화번호 포맷팅 함수 - 사람 X, 전화번호 자체 O 방법 1. 폭넓게 쓰이는 변수라면 변수캡슐화하기(6.8)를 고려한다. 2. 이름을 바꿀 변수를 참조하는 곳을 모두 찾아서, 하나씩 변경한다. ( 다른 코드베이스에서 참조하는 변수는 외부에 공개된 변수이므로 이 리팩터링을 적용할 수 없다. 변수 값이 변하지 않는다면 다른 이름으로 복제본을 만들어서 하나씩 점진적으로 변경한다. 하나씩 바꿀 때마다 테스트한다. 3. 테스트한다. 변수 캡슐화하기 후, 변수 이름 변경 tpHd의 이름을 _title로 바꾸고자 한다. tpHd는 값도 변경되는 등 폭넓게 쓰인다. // 변경전 코드 let tpHd = "untitled"; result += `$..

🍜개발자라면/책을 읽자✍ 2021. 9. 25. 14:13

함수 호출 부분에 해당 함수의 본문 넣기 - 리팩터링 과정에서 잘못 추출된 함수 - 간접 호출을 과하게 쓰는 코드 방법 1. 다형 메서드인지 확인한다. (서브 클래스에서 오버라이드하는 메서드는 인라인하면 안 된다.) 2. 인라인할 함수를 호출하는 곳을 모두 찾는다. 3. 각 호출문을 함수 본문으로 교체한다. 4. 하나씩 교체할 때마다 테스트한다. 5. 함수 정의를 삭제한다. 함수 인라인하기 moreThanFiveLateDeliveries 를 인라인 시키고자 한다. // 변경전 function getRating(driver){ return moreThanFiveLateDeliveries(driver)?2:1; } function moreThanFiveLateDeliveries(driver){ return ..

🍜개발자라면/책을 읽자✍ 2021. 9. 25. 13:44

🥴직면한 문제 상황 select box의 선택에 따라 그래프가 달라지도록 부모는 select option에 해당하는 data를 LineChart 컴포넌트에 전달하고, LineChart는 props가 변화했다면 다시 랜더링하여 select에 해당하는 새로운 그래프를 보여준다. 1. LineChart가 부모가 넘겨준 props의 값에 따라 rerendering되지 않았던 문제. 2. 1을 해결한 뒤, 부모가 넘겨준 달라진 data에 따라 새로운 그래프를 그리는 데 성공했으나, 이전의 Chart가 겹쳐보이는 현상이 발생. 🤔공식 문서/ Stack Overflow에서 찾은 내용 1. re-rendering이 안되요 https://blog.bitsrc.io/customizing-chart-js-in-react-2..

🍜개발자라면/에러 - 담에는 빠르게 헤어지자🎁 2021. 6. 19. 00:04